網頁開發中，側滑欄是非常實用的一個功能。下面介紹如何使用HTML設置側滑欄。
HTML代碼: <body> <aside class="sidebar"> <ul> <li>側滑欄選項1</li> <li>側滑欄選項2</li> <li>側滑欄選項3</li> </ul> </aside> <div class="content"> <!--主要內容區域--> </div> </body>
首先，在body標簽內部創建aside元素，作為我們的側滑欄。再在aside內部創建ul元素，用于放置側滑欄選項列表。在ul元素中創建幾個li元素作為選項。可以根據實際需要設置側滑欄的選項。
接著，在aside元素外部創建div元素，作為頁面的主體內容區域。然后，在該元素內部編寫所需顯示的主要內容。
CSS代碼:
.sidebar {
background-color: #f1f1f1;
width: 200px;
height: 100%;
position: fixed;
top: 0;
left: -200px;
transition: all 0.3s ease;
}
.sidebar.show {
left: 0;
}
.content {
margin-left: 200px;
}最后，在CSS中設置側滑欄和主體內容區域的樣式。首先為.sidebar添加背景顏色和寬高等樣式，將其固定在頁面的左側，并且left屬性為負值，隱藏側滑欄。當需要顯示側滑欄時，通過添加class="show"使其left屬性為0，展示出側滑欄。最后給.content元素添加邊距，以避免內容被側滑欄遮住。