主體結構元素,它是爲了語義可以結構化,說白了就是爲了更好的SEO,再白一點就是爲了瀏覽器更好的抓數據。包含的元素:article、section、nav、aside、time
(1)article(使用頻率低)
<body>
<article>
<header>
HTML5課程
</header>
<!--<h2>HTML5課程</h2>-->
<p>輕鬆學習HTML5,歡迎來到<a href="http://www.huadianedu.com">華點軟件學院</a></p>
</article>
</body>
Article標籤從語言上看,可以翻譯爲文章、文檔、頁面。
通常的用法:一篇文章、一個頁面、一個獨立完整的內容。這個標籤強調的是內容的獨立性。同時,一般article元素裏面會嵌套一個header()標籤
(2)section(使用頻率低)
<body>
<article>
<h1>蘋果</h1>
<p>蘋果是一種常見的好吃的水果,而且大家都喜歡吃。</p>
<section>
<h3>紅富士</h3>
<p>紅色的蘋果</p>
</section>
<section>
<h3>國光</h3>
<p>酸酸的蘋果</p>
</section>
</article>
</body>
section標籤從語義上看,可以翻譯爲段落章節。
通常的用法:是文章中的一段,這一段通常由標題和內容組成。
該標籤的特點:強調分段分塊。
(3)nav(使用頻率高)
<body>
<header>
<div class="logo">
<nav>
<ul>
<li>H5發展史</li>
<li>CSS發展史</li>
<li>EMScript發展史</li>
</ul>
</nav>
</div>
</header>
</body>
Nav:是導航navigation的縮寫。
通常的用法:導航條、頁面導航、翻頁操作。
該標籤的特點:強調分段分塊。
(4)aside(使用頻率低)
<body>
<article>
<h1>馬雲是誰</h1>
<p>馬雲,男,1964年9月10日生於浙江省杭州市,祖籍浙江省嵊州市(原嵊縣)谷來鎮,
阿里巴巴集團主要創始人,現擔任阿里巴巴集團董事局主席、日本軟銀董事、TNC(
大自然保護協會)中國理事會主席兼全球董事會成員、華誼兄弟董事、生命科學突破
獎基金會董事。</p>
<aside>
<h1>參考資料</h1>
<p>百度百科</p>
</aside>
</article>
<aside>
<nav>
<ul>
<li><a href="#">博博的博客</a> </li>
<li><a href="#">丹丹的博客</a> </li>
<li><a href="#">彬彬的博客</a> </li>
<li><a href="#">笑笑的博客</a> </li>
</ul>
</nav>
</aside>
</body>
Aside元素從語義上看,可以翻譯爲旁邊、側邊、輔助。
通常的用法:放在article元素裏面,作爲附屬信息部分,比如參考信息、名稱解釋。放在article元素外面,作爲整個頁面的附屬信息,比如側邊欄、友情鏈接、廣告區域。
(5)time(壓根不用)
Time:時間標籤
通常用法:表示24小時的某個時刻或者某個日期。
注:該標籤,所有瀏覽器都不支持。