在HTML 5中,新增了以下與結(jié)構(gòu)相關(guān)的元素:
section元素
section元素表示頁面中的一個內(nèi)容區(qū)塊,比如章節(jié)、頁眉、頁腳或頁面中的其他部分。它可以與h1、h2、h3、h4、h5、h6等元素結(jié)合起來使用,標(biāo)示文檔結(jié)構(gòu)。
HTML 5中代碼示例:
<section>...</section>
HTML 4中代碼示例:
<div>...</div>
article元素
article元素表示頁面中的一塊與上下文不相關(guān)的獨立內(nèi)容,譬如博客中的一篇文章或報紙中的一篇文章。
HTML 5中代碼示例:
<article>...</article>
HTML 4中代碼示例:
<div>...</div>
aside元素
aside元素表示article元素的內(nèi)容之外的、與article元素的內(nèi)容相關(guān)的輔助信息。
HTML 5中代碼示例:
<aside>…</aside>
HTML 4中代碼示例:
<div>...</div>
header元素
header元素表示頁面中一個內(nèi)容區(qū)塊或整個頁面的標(biāo)題。
HTML 5中代碼示例:
<header>...</header>
HTML 4中代碼示例:
<div>...</div>
hgroup元素
hgroup元素用于對整個頁面或頁面中一個內(nèi)容區(qū)塊的標(biāo)題進行組合。
HTML 5中代碼示例:
<hgroup>...</hgroup>
HTML 4中代碼示例:
<div>...</div>
footer元素
footer元素表示整個頁面或頁面中一個內(nèi)容區(qū)塊的腳注。一般來說,它會包含創(chuàng)作者的姓名、創(chuàng)作日期以及創(chuàng)作者聯(lián)系信息。
HTML 5中代碼示例:
<footer></footer>
HTML 4中代碼示例:
<div>...</div>
nav元素
nav元素表示頁面中導(dǎo)航鏈接的部分。
HTML 5中代碼示例:
<nav></nav>
HTML 4中代碼示例:
<ul></ul>
figure元素
figure元素表示一段獨立的流內(nèi)容,一般表示文檔主體流內(nèi)容中的一個獨立單元。使用 figcaption元素為figure元素組添加標(biāo)題。
HTML 5中代碼示例:
<figure>
<figcaption>PRC</figcaption>
<p>The People's Republic of China was born in 1949...</p>
</figure>
HTML 4中代碼示例:
<dl>
<h1>PRC</h1>
<p>The People's Republic of China was born in 1949...</p>
</dl>