　　aside元素用來定義當前頁面或者文章的附屬資訊部分，它可以包含與當前頁面或主要內容相關的引用、側邊欄、廣告、導航條等其他類似的有別於主要內容的部分。

　　aside元素的用法主要分為兩種。

　　● 被包含在article元素內作為主要內容的附屬資訊。

　　● 在article元素之外使用，作為頁面或站點全域性的附屬資訊部分。常用的使用形式是側邊欄，其中的內容可以是友情連結、廣告單元等。

　　下面透過一個案例對aside元素的用法進行演示，如下所示。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>aside元素的使用</title>
</head>
<body>
<article>
<header>
<h1>標題</h1>
</header>
<section>文章主要內容</section>
<aside>其他相關文章</aside>
</article>
<aside>右側選單</aside>
</body>
</html>

　　上面案例中定義了兩個aside元素，其中第1個aside元素位於article元素中，用於新增文章的其他相關資訊。第2個aside元素用於存放頁面的側邊欄內容。

1616578655558_aside元素

效果如下圖所示

　　以上就是小千介紹的“Html5 aside標籤的用法和作用”的內容，希望上面的介紹能夠給大家帶來幫助。想要獲取web前端學習路線和學習資料可以關注小千，後期分享更多HTML5知識。

　　本文來自千鋒教育，轉載請註明出處。