|
<footer>標(biāo)簽
手冊釋義：定義 section 或 document 的頁腳。典型地，它會包含創(chuàng)作者的姓名、文檔的創(chuàng)作日期以及/或者聯(lián)系信息。
使用指引：一般用來包裹整個頁面通用底部，也可用于其他區(qū)域底部，比如article底部：
<footer>
COPYRIGHT@ieFans.Net
</footer>
<article>標(biāo)簽
手冊釋義：定義外部的內(nèi)容。比如來自一個外部的新聞提供者的一篇新的文章，或者來自 blog 的文本，或者是來自論壇的文本。亦或是來自其他外部源內(nèi)容。
使用指引：顧名思義，一般用于文章區(qū)塊：
<article>
<header>
<hgroup>
<h1>這是一篇介紹HTML 5結(jié)構(gòu)標(biāo)簽的文章</h1>
<h2>HTML 5的革新</h2>
</hgroup>
<time datetime=”2011-03-20″>2011.03.20</time>
</header>
<p>文章內(nèi)容詳情</p>
</article>
<figure>標(biāo)簽
手冊釋義：用于對元素進(jìn)行組合。
使用指引：多用于圖片與圖片描述組合：
<figure>
<img src=”img.gif” alt=”figure標(biāo)簽” title=”figure標(biāo)簽” />
<figcaption>這兒是圖片的描述信息</figcaption>
</figure>
<menu>標(biāo)簽
手冊釋義：定義菜單列表。當(dāng)希望列出表單控件時使用該標(biāo)簽。
使用指引：使用于菜單類區(qū)塊，用來定義菜單列表或菜單選項(xiàng):
<menu>
<li>HTML 5</li>
<li>CSS</li>
<li>JavaScript</li>
</menu>
HTML 5的其他新標(biāo)簽，就不此一一解釋了，請自行查詢一下手冊。
其實(shí)，這些東西，如同XHTML的div、h1、inpu等標(biāo)簽一樣，只要平時多加實(shí)踐，運(yùn)用自如也是輕而易舉的。
關(guān)于兼容性
如果你是一個喜歡研究關(guān)注前端的人，你應(yīng)該知道淘寶的頁面結(jié)構(gòu)中已大量用到了HTML 5新標(biāo)簽。所以，我想說的是只要敢于嘗試，兼容性不是問題，兼容的方法，網(wǎng)上有很多（本文是講結(jié)構(gòu)的，哈~）。
后話
任何一門新技術(shù)，都需要一個適應(yīng)的過程。如果你準(zhǔn)備好了做一名優(yōu)秀的Web前端開發(fā)人員，那你就得不斷的嘗試并接受最新的前端技術(shù)。
孫文曾說，欲經(jīng)文明這幸福，不得不經(jīng)文明之痛苦。人類的革命如此，HTML 5的革命亦是如此。IE的日漸沒落，讓各大瀏覽器廠商以一次進(jìn)入了戰(zhàn)國時代，群雄逐鹿。而對于開發(fā)者，我們只奢求各大瀏覽器廠商盡可能的遵循同一個標(biāo)準(zhǔn)，而不是群雄逐鹿后的四分五裂。因?yàn)�，高效完美的呈現(xiàn)給各類用戶同樣的應(yīng)用才是我們的終極目標(biāo)。
如此，本文從頁面的doctype說起，到用HTML 5新標(biāo)簽搭建語義化更明確的頁面的結(jié)構(gòu)，再解釋了一番與頁面結(jié)構(gòu)相關(guān)的新標(biāo)簽。相信大家對HTML 5的結(jié)構(gòu)性新標(biāo)簽有了一個新的認(rèn)知，如果你有興趣，那就打開你的IDE，寫上一段由HTML 5新標(biāo)簽搭建的代碼，然后用CSS去描繪你的宏偉藍(lán)圖吧！
原文：http://mrthink.net/html5-simple-structure/
本文鏈接：http://m.95time.cn/tech/web/2011/8406.asp 
出處：Mr.Think
責(zé)任編輯：bluehearts
上一頁 HTML5的革新:結(jié)構(gòu)之美 [3] 下一頁
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 4 頁 HTML5的革新:結(jié)構(gòu)之美 [4]
