Html5新語義標(biāo)簽

HTML5 新標(biāo)簽

創(chuàng)新互聯(lián)主要從事網(wǎng)站設(shè)計(jì)制作、網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)西平,十載網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):13518219792

======================================================================

1.DOCTYPE

<!DOCTYPE html>

2.<meta>---字符編碼方式

3.<link>

4.<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ā)布或重新使用。

<h2>Internet Explorer 9</h2>

<p>Windows InternetExplorer.....</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)容摘要）

header

footer

2.內(nèi)容分組標(biāo)簽

figure --- 規(guī)定獨(dú)立的流內(nèi)容（圖像、圖表、照片、代碼等等）

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

figcaption --- 定義 figure 元素的標(biāo)題。

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

<figcaption> caption </figcation>

</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>

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

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

常用的time格式：

Html 5 新語義標(biāo)簽

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

HTML5 中：表示強(qiáng)調(diào)不同的情緒或聲音，也可以表示技術(shù)術(shù)語、生物分類、來自另一種語言的成語或習(xí)語、一個(gè)想法等等。

<p><i>cat</i>是一種可愛的動(dòng)物。 </p>

<p><i> Thank god.</i> 項(xiàng)目終于按時(shí)交付了。</p>

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

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

<p>

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

<b>星巴克加長(zhǎng)咖啡豆</b>,<b>濃縮烘焙</b>

</p>

em--- emphasis 強(qiáng)調(diào)；標(biāo)簽中的內(nèi)容是用來強(qiáng)調(diào)的重要內(nèi)容，顯示斜體文本

<p><em>cat</em>是一種可愛的動(dòng)物。 </p>

strong --- 表示非常重要、嚴(yán)重性、或內(nèi)容的緊迫性。顯示粗體。

********************文本級(jí)別標(biāo)簽是內(nèi)聯(lián)標(biāo)簽

文章標(biāo)題：Html5新語義標(biāo)簽
文章來源：http://chinadenli.net/article24/jgihce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、做網(wǎng)站、虛擬主機(jī)、靜態(tài)網(wǎng)站、網(wǎng)站內(nèi)鏈、網(wǎng)站設(shè)計(jì)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

Html5新語義標(biāo)簽