|
<footer>
Footer的用處也應(yīng)該是很明顯的，除了可能你不清楚可以擁有多個(gè)腳標(biāo)。換句話說，除了通常 在大多數(shù)頁面底部看到的主腳標(biāo)，段落也可以含有腳標(biāo)。
把他們放在一起
讓我們使用新標(biāo)簽重新編寫我們原來的例子：
<!DOCTYPE html>
<html>
<head>
...stuff...
</head>
<body>
<header>
<h1>My Site</h1>
</header>
<nav>
<ul>
<li>Home</li>
<li>About</li>
<li>Contact</li>
</ul>
</nav>
<section>
<h1>My Article</h1>
<article>
<p>...</p>
</article>
</section>
<footer>
<p>...</p>
</footer>
</body>
</html>
非常清楚，并且容易理解，不是么？一些注釋：我們可以在header標(biāo)簽中包含我們 的<h1>My Article</h1>標(biāo)題。我沒有這樣做，因?yàn)閔1元素已經(jīng)表達(dá)了標(biāo)題的含義，但如果你還有發(fā)布日期，署名或者其他數(shù)據(jù)在你文章的頂部， 為標(biāo)簽集添加一個(gè)header容器標(biāo)簽是一個(gè)很好的選擇。
同時(shí)注意我們可以在article元素下添加第二個(gè)footer元素來包含諸如翻頁導(dǎo)航，相關(guān) 文章或者其他內(nèi)容。
為新標(biāo)簽編寫樣式
在大多數(shù)瀏覽器中，所有你需要做的就是像你通常做的那樣，為在新標(biāo)簽上應(yīng)用樣式表，簡單的定義 你的樣式。但請(qǐng)確認(rèn)為每一個(gè)元素添加了display:block;規(guī)則，無論如何，從現(xiàn)在開始。經(jīng)過一段時(shí)間后，當(dāng)瀏覽器開始標(biāo)準(zhǔn)化，并支持新元素后， 那就不必要了。
例如，讓我們在我們的header里應(yīng)用一些樣式：
header {
display:block;
font-size: 36px;
font-weight: bold;
}
出處：草根網(wǎng)
責(zé)任編輯：bluehearts
上一頁 使用HTML5制作網(wǎng)頁 [4] 下一頁 使用HTML5制作網(wǎng)頁 [6]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 5 頁 使用HTML5制作網(wǎng)頁 [5]
