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