首頁 >web前端 >H5教程 >HTML5中的aside標籤怎麼用? HTML5aside側邊欄的具體使用方法你知道嗎?

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

寻∝梦
寻∝梦原創
2018-08-15 17:39:2311070瀏覽

HTML5中的aside標籤怎麼用? HTML5aside側邊欄的具體使用方法你知道嗎?本篇文章主要說明了HTML5中的aside標籤的定義與用法,還有HTML5中aside元素的詳解與注意事項。

HTML 5 15221ee8cba27fc1d7a26c47a001eb9b 標籤的定義與用法:

15221ee8cba27fc1d7a26c47a001eb9b 標籤定義 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中15221ee8cba27fc1d7a26c47a001eb9b元素的詳解:

##HTML15221ee8cba27fc1d7a26c47a001eb9b元素表示一個頁面的一部分,它的內容跟這個頁面的其它內容的關聯性不強,或者是沒有關聯,單獨存在。 15221ee8cba27fc1d7a26c47a001eb9b元素通常顯示成側邊欄(sidebar)或一些插入補充內容。通常用來在側邊欄顯示一些定義,例如目錄、索引、術語表等;也可以用來顯示相關的廣告宣傳,作者的介紹,Web應用,相關鏈接,當前頁內容簡介等。

15221ee8cba27fc1d7a26c47a001eb9b元素使用注意事項:

#不要使用15221ee8cba27fc1d7a26c47a001eb9b元素標記括號中的文字,因為這種類型的文字被認為是主內容的一部分。

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>

提示與註解:

提示:15221ee8cba27fc1d7a26c47a001eb9b 的內容可用作文章的側邊欄。

HTML5中web是什麼? web儲存中的元素有哪些?

HTML IMG標籤的屬性是有哪些?了解IMG標籤的用法


以上是HTML5中的aside標籤怎麼用? HTML5aside側邊欄的具體使用方法你知道嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn