html5 aside標籤有什麼用？html5 aside標籤的使用總結（附執行個體）

本篇文章主要的為大家介紹了關於HTML5中的aside標籤，介紹了標籤的作用和使用的方法執行個體說明，aside標籤作為文章的側欄，其作用還是挺大的，當然還有在網站製作時比較常用的兩種方法執行個體。好了，下面就讓我們一起來看看這篇文章吧

首先我們來看看這html5 aside標籤的意思：

<aside> 標籤定義其所處內容之外的內容。

aside 的內容應該與附近的內容相關。

html5 aside標籤的作用：

<aside>的內容可用作文章的側欄

<aside>標籤定義 article 以外的內容。aside 的內容應該與 article 的內容相關。（這裡是topic.alibabacloud.com）

<p>大家好，這裡是topic.alibabacloud.com.網址是www.php.cn</p><aside>  <h4>編程教程</h4>  這裡有很多的優質的課程等你來學習</aside>

效果就是下面這張圖：

HTML5中aside標籤的兩種使用方法：

aside元素在網站製作中主要有以下兩種使用方法

1.被包含在article元素中作為主要內容的附屬資訊部分，其中的內容可以是與當前文章有關的相關資料、名次解釋，等等。

<article>  <h1>topic.alibabacloud.com</h1>  <p>歡迎訪問www.php.cn</p>  <aside>這裡是topic.alibabacloud.com</aside></article>

先看看效果：

2.在article元素之外使用作為頁面或網站全域的附屬資訊部分。最典型的是側邊欄，其中的內容可以使友情連結，部落格中的其它文章列表、廣告單元等。

<aside>  <h2>這還是topic.alibabacloud.com</h2>  <ul>    <li>一個學編程必備的網站</li>    <li>一個很活躍的網站</li>  </ul>  <h2>topic.alibabacloud.com</h2>  <ul>    <li>歡迎你的到來</li>    <li>想學什麼編程都可以來</li>  </ul></aside>

最後看看效果：