- Vue 3移動Web開發(fā)與性能調(diào)優(yōu)實戰(zhàn)
- 呂鳴
- 304字
- 2024-12-27 22:46:36
2.6 <aside>標(biāo)簽
HTML 5的<aside>標(biāo)簽用來表示與當(dāng)前頁面內(nèi)容相關(guān)的部分內(nèi)容,通常用于顯示側(cè)邊欄或者補充的內(nèi)容,如目錄、索引等。在一些場景下,可以將它理解成一個側(cè)邊的導(dǎo)航欄,如圖2-3所示。

圖2-3 <aside>側(cè)邊欄
如果采用<aside>標(biāo)簽來實現(xiàn)側(cè)邊欄,與一般的<div>標(biāo)簽在樣式上沒有區(qū)別,如示例代碼2-6-1所示。
示例代碼2-6-1 <aside>標(biāo)簽

<aside>標(biāo)簽也可以作為<section>標(biāo)簽中獨立模塊的一部分,用來表示主要內(nèi)容的附屬信息,其中的內(nèi)容可以是與當(dāng)前文章有關(guān)的資料、名詞解釋等,如示例代碼2-6-2所示。
示例代碼2-6-2 <aside>標(biāo)簽和<section>標(biāo)簽

下面總結(jié)一下<aside>標(biāo)簽的使用場景和規(guī)范:
· <aside>標(biāo)簽就像它的名字一樣,在頁面的一側(cè),其中的內(nèi)容可以是友情鏈接、博客中的其他文章列表、廣告單元等。
· <aside>標(biāo)簽也可以和<section>標(biāo)簽搭配使用,作為單個獨立模塊的附加信息來顯示。
推薦閱讀
- Docker技術(shù)入門與實戰(zhàn)(第3版)
- OpenCV 3和Qt5計算機視覺應(yīng)用開發(fā)
- Python Geospatial Development(Second Edition)
- 軟件測試技術(shù)指南
- Windows Phone 7.5:Building Location-aware Applications
- Python High Performance Programming
- Learning Modular Java Programming
- Hands-On Nuxt.js Web Development
- 機器學(xué)習(xí)微積分一本通(Python版)
- 石墨烯改性塑料
- Python網(wǎng)絡(luò)爬蟲實例教程(視頻講解版)
- Access數(shù)據(jù)庫應(yīng)用教程(2010版)
- Building Apple Watch Projects
- Mastering MeteorJS Application Development
- WCF 4.5 Multi-Layer Services Development with Entity Framework(Third Edition)