新增的結(jié)構(gòu)標(biāo)簽
section元素
表示頁(yè)面中的一個(gè)內(nèi)容區(qū)塊,比如章節(jié)、頁(yè)眉、頁(yè)腳或頁(yè)面的其他部分。可以和h1、 h2……等元素結(jié)合起來(lái)使用,表示文檔結(jié)構(gòu)。例:HTML5中<section>……</section>;HTML4中<div> ……</div>。
article元素
表示頁(yè)面中一塊與上下文不相關(guān)的獨(dú)立內(nèi)容。比如一篇文章。
aside元素
表示article元素內(nèi)容之外的、與article元素內(nèi)容相關(guān)的輔助信息。
header元素
表示頁(yè)面中一個(gè)內(nèi)容區(qū)塊或真?zhèn)€頁(yè)面的標(biāo)題。
hgroup元素
表示對(duì)真?zhèn)€頁(yè)面或頁(yè)面中的一個(gè)內(nèi)容區(qū)塊的標(biāo)題進(jìn)行組合。
footer元素
表示整個(gè)頁(yè)面或頁(yè)面中一個(gè)內(nèi)容區(qū)塊的腳注。一般來(lái)說(shuō),他會(huì)包含創(chuàng)作者的姓名、創(chuàng)作日期以及創(chuàng)作者的聯(lián)系信息。
nav元素
表示頁(yè)面中導(dǎo)航鏈接的部分。
figure元素
表示一段獨(dú)立的流內(nèi)容,一般表示文檔主體流內(nèi)容中的一個(gè)獨(dú)立單元。使用figcaption元素為figure元素組添加標(biāo)題。例如:
復(fù)制代碼 代碼如下:www.CuoXIn.com
<figure>
<figcaption>PRC</figcaption>
<p>The People's Republic of China was born in 1949</p>
</figure>
HTML4中常寫(xiě)作
<dl>
<h1>prc</h1>
<p>The People's Republic of China was born in 1949</p>
</dl>
新增的其他元素
video元素
定義視頻。像電影片段或其他視頻流。例:<video src="movie.ogg" controls="controls">video元素</video>
HTML4中寫(xiě)法:
<object type="video/ogg" data="move.ogv">
<param name ="src" value="movie.ogv">
</object>
audio元素
定義音頻。如音樂(lè)或其他音頻流。例:<audio src ="someaudio.wav">audio元素</audio>
html4中寫(xiě)法:
復(fù)制代碼 代碼如下:www.CuoXIn.com
<object tyle="application/ogg" data="someaudio.wav">
<param name ="src" value= "someaudio.wav">
</object>
embed元素
用來(lái)嵌入內(nèi)容(包括各種媒體)。格式可以是Midi、Wav、AIFF、AU、MP3,flash等。例:<embed src="flash.swf" />
HTML4中代碼示例<object data="flash.swf" type="application/x-shockwave-flash"><object>
mark元素
主要用來(lái)在視覺(jué)上向用戶(hù)呈現(xiàn)哪些需要突出顯示或高亮顯示的文字。典型應(yīng)用搜索結(jié)果中高亮顯示搜素關(guān)鍵字。
HTML5<mark></mark>;HTML4 <span></span>。
progress元素
表示運(yùn)行中的進(jìn)程,可以使用progress元素顯示JavaScript中耗時(shí)時(shí)間函數(shù)的進(jìn)程。等待中……、請(qǐng)稍后等。<progress></progress>。
time元素
表示日期或時(shí)間,也可以?xún)烧咄瑫r(shí)。
ruby元素
定義 ruby 注釋?zhuān)ㄖ形淖⒁艋蜃址?
與 <ruby> 以及 <rt> 標(biāo)簽一同使用。ruby 元素由一個(gè)或多個(gè)字符(需要一個(gè)解釋/發(fā)音)和一個(gè)提供該信息的 rt 元素組成,還包括可選的 rp 元素,定義當(dāng)瀏覽器不支持 "ruby" 元素時(shí)顯示的內(nèi)容。
復(fù)制代碼 代碼如下:www.CuoXIn.com