HTML5中的aside標籤怎麼用?HTML5aside側邊欄的具體使用方法你知道嗎?本篇文章主要講解了HTML5中的aside標籤的定義和用法,還有HTML5中aside元素的詳解和注意事項。
HTML 5 <aside> 標籤的定義和用法:
<aside> 標籤定義 article 以外的內容。aside 的內容應該與 article 的內容相關。
這有執行個體:
<p>This summer, I finally came to PHP Chinese net.</p><aside><h4>Online programming</h4>PHP Chinese network is a great platform for online learning programming in China.</aside>
HTML5中<aside>元素的詳解:
HTML<aside>元素表示一個頁面的一部分, 它的內容跟這個頁面的其它內容的關聯性不強,或者是沒有關聯,單獨存在。<aside>元素通常顯示成側邊欄(sidebar)或一些插入補充內容。通常用來在側邊欄顯示一些定義,比如目錄、索引、術語表等;也可以用來顯示相關的廣告宣傳,作者的介紹,Web應用,相關連結,當前頁內容簡介等。
<aside>元素使用注意事項:
不要使用<aside>元素標記括弧中的文字,因為這種類型的文本被認為是主內容的一部分。
HTML5中aside標籤的兩種使用方法:
1.被包含在article元素中作為主要內容的附屬資訊部分,其中的內容可以是與當前文章有關的相關資料、名次解釋,等等。
<article> <h1>…</h1> <p>…</p> <aside>…</aside></article>
2.在article元素之外使用作為頁面或網站全域的附屬資訊部分。最典型的是側邊欄,其中的內容可以使友情連結,部落格中的其它文章列表、廣告單元等。
<aside> <h2>…</h2> <ul> <li>…</li> <li>…</li> </ul> <h2>…</h2> <ul> <li>…</li> <li>…</li> </ul></aside>
提示和注釋:
提示:<aside> 的內容可用作文章的側欄。
HTML5中web是什嗎?web儲存中的元素有哪些?
HTML IMG標籤的屬性是有哪些?瞭解IMG標籤的用法