應該出現在文件大綱中article元素
元素表示文件、頁面、應用程式或網站中的獨立結構,其意在成為可獨立分配的或可重複使用的結構。可能是論壇貼文、雜誌或新聞文章、部落格、用戶提交的評論、互動式元件,或其他獨立的內容項目。當元素嵌套使用時,則該元素代表與外層元素相關的文章。例如,代表部落格評論的元素可嵌套在代表部落格文章的元素中
元素的作者資訊可透過元素提供,但是不適用於嵌套的元素;元素的發布日期和時間可透過
[注意]對於和
aside元素
nav元素
# HTML導覽列(
並不是所有的連結都必須使用
一個網頁也可能含有多個
header元素
# 元素表示頁面頭部或區塊頭部,用於將介紹內容和區塊的輔助導航分組到一起,所以它有可能包含區塊的標題元素以及其他的介紹內容(目錄、logo等)
[注意]由於
footer元素
[注意]
案例說明:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>苹果首页</title>
</head>
<body>
<nav>
<ul>
<li><a href="#">Apple</a></li>
<li><a href="#">Mac</a></li>
<li><a href="#">iPad</a></li>
<li><a href="#">iPhone</a></li>
<li><a href="#">Watch</a></li>
<li><a href="#">Music</a></li>
<li><a href="#">技术支持</a></li>
<li><a href="#">搜索</a></li>
<li><a href="#">购物袋</a></li>
</ul>
</nav>
<article>
<section>展示1</section>
<section>展示2</section>
<section>展示3</section>
<section>展示4</section>
<nav>
<ul>
<li>按钮1</li>
<li>按钮2</li>
<li>按钮3</li>
<li>按钮4</li>
</ul>
</nav>
</article>
<aside>
<ul>
<li><a href="#">Watch</a></li>
<li><a href="#">Pencil</a></li>
<li><a href="#">iPad</a></li>
<li><a href="#">MacBook</a></li>
</ul>
</aside>
<footer>
<nav>
<div>选购及了解</div>
<div>商店</div>
<div>应用</div>
<div>账户</div>
<div>关于</div>
</nav>
<section>
<div>其他杂项</div>
</section>
</footer>
</body>
</html>
說明:main
不常用,最主要的原因是IE瀏覽器都不支援
main元素()呈現了文檔或應用的主體部分。主體部分由與文件直接相關,或擴充於文件的中心主題、應用的主要功能部分的內容所組成。這部分內容在文件中應當是獨一無二的,不包含任何在一系列文件中重複的內容
標籤不能是以下元素的繼承,包括、
所以,一個正常的最外層佈局應該是下面這樣
<header></header>
<main>
<section></section>
<section></section>
<section></section>
</main>
<footer></footer>
但現在,一般地,佈局如下
<header></header>
<section></section>
<section></section>
<section></section>
<footer></footer>
(學習影片分享:web前端入門)