【移動(dòng)應(yīng)用開發(fā)技術(shù)】Html 5 新語義標(biāo)簽

【移動(dòng)應(yīng)用開發(fā)技術(shù)】Html5新語義標(biāo)簽

HTML5

新標(biāo)簽======================================================================1.DOCTYPE

<!DOCTYPEhtml>2.<meta>字符編碼方式

<metacharset="utf-8">3.<link>

<linkrel="stylesheet"href="file.css">4.<script>

<scriptsrc="file.js"></script>=========================================================================引入語義元素頁面標(biāo)題<header></header>主導(dǎo)航區(qū)<nav></nav>側(cè)邊欄<aside></aside>主內(nèi)容區(qū)<main></main>頁腳<footer></footer>========================================================================新增的標(biāo)簽

1.區(qū)塊標(biāo)簽artile定義文章，表示包含于一個(gè)文檔、頁面、應(yīng)用程序或網(wǎng)站中的一段獨(dú)立的內(nèi)容，

它能夠獨(dú)立的被發(fā)布或重新使用。<article>

<h2>InternetExplorer9</h2>

<p>WindowsInternetExplorer</p></article>section一個(gè)主題性的內(nèi)容分組，通常包含一個(gè)頭部（header），可能還會(huì)有一個(gè)尾

（footer）。

屬性：cite:url;//假如section摘自web的話nav定義導(dǎo)航鏈接的部分

如果文檔中有“前后”按鈕，則應(yīng)該把它放到<nav>標(biāo)簽中。

***搜索引擎或屏幕閱讀器會(huì)根據(jù)nav標(biāo)簽確定網(wǎng)站的內(nèi)容，不是任何一組超鏈接都

適合放在nav標(biāo)簽中。aside定義其所處內(nèi)容之外的內(nèi)容，非主要內(nèi)容，是主要內(nèi)容的補(bǔ)充，具有獨(dú)立性。

可用作文章的側(cè)欄。**常用位置：

-頁面?zhèn)冗厵?/p>

-廣告

-友情鏈接

-文章引語（內(nèi)容摘要）headerfooter

2.內(nèi)容分組標(biāo)簽figure規(guī)定獨(dú)立的流內(nèi)容（圖像、圖表、照片、代碼等等）

figure元素的內(nèi)容應(yīng)該與主內(nèi)容相關(guān)，但如果被刪除，則不應(yīng)對文檔流產(chǎn)生影響。figcaption定義figure元素的標(biāo)題。

figcaption應(yīng)為figure元素的第一個(gè)或最后一個(gè)子元素

<figure>

<figcaption>caption</figcation>

<imgsrc=""/><video/></figure>main顯示頁面的主題內(nèi)容。每個(gè)頁面只能包含一個(gè)main標(biāo)簽。main標(biāo)簽中不包含網(wǎng)站標(biāo)題、logo、主導(dǎo)航、版權(quán)聲明等信息。****************************區(qū)塊標(biāo)簽和內(nèi)容分組標(biāo)簽為塊標(biāo)簽

3.文本級(jí)別標(biāo)簽time表示一個(gè)日期，或一個(gè)時(shí)間(**可以被搜索引擎、屏幕閱讀器等方便的識(shí)別)

屬性：datetime="2016-02-13"（固定格式）

<header>

<h4>*****</h4>

<timedatetime="2016-3-21">一天前</time></header>

####如果定義了datetime屬性，則標(biāo)簽中間的文本沒有固定格式，人可以識(shí)別就好

如果沒有定義datetime屬性，則文本需要一個(gè)固定格式，以便被識(shí)別。

常用的time格式：

i

HTML4中：修飾文字樣式的，表示為斜體

HTML5中：表示強(qiáng)調(diào)不同的情緒或聲音，也可以表示技術(shù)術(shù)語、生物分類、來自另一

種語言的成語或習(xí)語、一個(gè)想法等等。

<p><i>cat</i>是一種可愛的動(dòng)物。</p><p><i>Thankgod.</i>項(xiàng)目終于按時(shí)交付了。</p>

b

HTML4中：修飾文字樣式的，表示為粗體

HTML5中：表示文檔中的關(guān)鍵字、商品名稱等<p>

該地出產(chǎn)的咖啡：

<b>星巴克加長咖啡豆</b>,<b>濃縮烘焙</b></p>

ememphasis

強(qiáng)調(diào)；標(biāo)簽中的內(nèi)容是