一 .元素的作用概況
作用:文檔元素主要作用是劃分不同的內容,讓內容更清晰,元素具有語義進一步替代DIV標簽。 沒有實際的用途和效果主要是為了在布局時區分主題和概念。
二 .元素匯總
各位同學先簡單看一下下面的表格后面會逐一分析。
匯總表格
元素匯總表
三 .元素說明
- header
<header>
這里面放網頁的表頭部分:LOGO ,標題,導航等
</header>
解釋:header主要設置頁面的表頭部分
- footer
<footer>
<h3>h尾部副標題</h3>
這里存放頁面的尾部:版權聲明友情鏈接
</footer>
解釋:footer主要設置頁面的頁尾內容
- group組合標簽
<hgroup>
<h1>主標題</h1>
<h3>副標題</h3>
</hgroup>
解釋:group 元素的作用就是當多個標題出現,干擾到一對或多個本身需要整合的標題,用該元素包含群組
- section 文檔主題
<section>
這里是文檔
</section>
解釋:section提議一個文檔的主題內容 主題部分
- nav 導航
<nav>這里是導航</nav>
解釋:很明顯這個就是一個導航標簽
- article 獨立成篇的文檔
<article>
<header>...</header>
<section>...</section>
<footer>...</footer>
</article>
解釋:元素表示獨立成篇的文檔,里面可以包含頭元素,尾,等其他元素標簽。在比較大的頁面中會使用到,比如一篇博客的列表,沒篇博文,都有自己的頭,尾,主題,等內容,和次相似的還有論壇的帖子,用戶的評論,新聞等。
- asider 生成注釋欄
<aside>
測欄
</aside>
解釋:側邊的小廣告和一些其他內容
- address 表示聯系信息
<address>這里是聯系方式</address>
9.details 詳情區域元素內容的說明或者展開具體就不做說明了