HTML5中的aside標籤怎麼用?HTML5aside側邊欄的具體使用方法你知道嗎?

來源:互聯網
上載者:User
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標籤的用法

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.