|
這對(duì)于展示用途很好，但如果我們想要知道一些關(guān)于頁(yè)面元素包含什么的問(wèn)題，這又怎么辦呢？
上面的例子中，我們?yōu)槲覀兯械慕Y(jié)構(gòu)div添加了ID。這在有見(jiàn)識(shí)的設(shè)計(jì)師中是很平常的事。目 的有兩個(gè)方面，首先，ID提供了可以能用于給頁(yè)面的特殊段落應(yīng)用樣式的錨，其次，ID充當(dāng)基本的偽語(yǔ)義結(jié)構(gòu)。高明的解析器將會(huì)查看標(biāo)簽的ID屬性，并嘗試 去猜測(cè)他們的含義，但當(dāng)每個(gè)站點(diǎn)的ID名稱不同的時(shí)候很難。
這就是新結(jié)構(gòu)標(biāo)簽到來(lái)的理由。
當(dāng)認(rèn)識(shí)到這些ID成為了慣例，HTML 5的締造者們更進(jìn)一步，使這些元素中的一部分變成他們獨(dú)立的標(biāo)簽。這兒有一個(gè)HTML 5中生效的新標(biāo)簽的快速概要：
<header>
頭部標(biāo)簽被設(shè)計(jì)作為關(guān)于一個(gè)章節(jié)或者一整張網(wǎng)頁(yè)介紹信息的容器。<header> 標(biāo)簽可以包含從你位于大多數(shù)頁(yè)面頂部的典型標(biāo)志或者標(biāo)語(yǔ)，到介紹一個(gè)章節(jié)的標(biāo)語(yǔ)和開(kāi)場(chǎng)白的任何東西。如果你還在你的頁(yè)面里使用<div id=”header”>，那可以使用<header>替換
<nav>
nav元素非常明顯，這是你的導(dǎo)航元素。當(dāng)然什么被算為導(dǎo)航是有一些爭(zhēng)議的，有一個(gè)基本的站點(diǎn) 導(dǎo)航，但一些情況下還可能有頁(yè)面導(dǎo)航元素。HTML5的締造者WHATWG最近在修改<nav>的解釋，來(lái)表現(xiàn)怎樣在同一個(gè)頁(yè)面使用兩次。
更多關(guān)于nav的信息以及關(guān)于HTML5的激烈爭(zhēng)論，參見(jiàn)Jeffrey Zeldman關(guān)于nav元素的文章。
如果你還在使用<div id=”nav”>標(biāo)簽來(lái)包含你的頁(yè)面導(dǎo)航，你可以使用簡(jiǎn)潔的<nav>標(biāo)簽來(lái)替換。
<section>
Section可能是新標(biāo)簽中最模糊的。根據(jù)HTML 5定義，一個(gè)章節(jié)是一個(gè)內(nèi)容的主題集合，通常在header標(biāo)簽后，在footer標(biāo)簽前。但是如果 需要，section也可以相互嵌套。
在我們上面的例子里，被“content”標(biāo)記的div就是一個(gè)變?yōu)閟ection的很好的選 擇。另外在那個(gè)section內(nèi)，根據(jù)內(nèi)容，我們可以增加section。
<article>
根絕WHATWG的注釋，article元素可以包含“組成文檔或站點(diǎn)獨(dú)立部分的一段內(nèi)容；例 如，雜志或者新聞的文章，或者博客條目�！�
記住一個(gè)頁(yè)面里可以有多個(gè)article標(biāo)簽；例如一個(gè)博客首頁(yè)可能有最新的十篇文章，每一篇 包含在一個(gè)article標(biāo)簽內(nèi)。Article也可以通過(guò)使用section標(biāo)簽分為多個(gè)段落，然而當(dāng)你計(jì)劃你的結(jié)構(gòu)時(shí)需要稍微仔細(xì)一些，否則你容易引 起以一些難看的標(biāo)簽大雜燴結(jié)尾的情況。
<aside>
另一個(gè)相當(dāng)模糊的標(biāo)簽，aside元素用于“與組成文檔主要的正文流內(nèi)容無(wú)關(guān)的”內(nèi)容。那表示 一條附加的評(píng)論，內(nèi)聯(lián)的腳注，引用，注解或者像你看到的在這篇文章右邊的更多典型的邊欄內(nèi)容。
根據(jù)WHATWG的注釋，看起來(lái)<aside>可以用于所有的這些情況，盡管你邊 欄里的引用和標(biāo)簽云有著很大的不同。
沒(méi)人說(shuō)HTML 5是完美的！
出處：草根網(wǎng)
責(zé)任編輯：bluehearts
上一頁(yè) 使用HTML5制作網(wǎng)頁(yè) [2] 下一頁(yè) 使用HTML5制作網(wǎng)頁(yè) [4]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 3 頁(yè) 使用HTML5制作網(wǎng)頁(yè) [3]
