|
|
最近組內(nèi)進(jìn)行HTML5標(biāo)簽的學(xué)習(xí)，方法呢就是大家每人挑選幾個(gè)標(biāo)簽，自己先去學(xué)習(xí)，然后給大家作講解。這個(gè)過(guò)程大家還是挺有收獲的。但是現(xiàn)在HTML5還處在草案階段，有些新的標(biāo)簽元素的解釋也是經(jīng)常有變化，甚至標(biāo)簽加入/移出也很頻繁(比如 hgroup)，同時(shí)現(xiàn)有的大的門(mén)戶網(wǎng)站在使用HTML5方面也沒(méi)有很好的范例可以參考，讓大家的學(xué)習(xí)過(guò)程更摸索。下面是我在 html5doctor 上面看到的一篇文章，在目前大家懵懂的階段，可能看看大師的講解會(huì)更容易理解。由于才疏學(xué)淺,很多不明白的地方可能只是做了字面上的翻譯，不對(duì)的地方還請(qǐng)大家多多指教。
下面附上原文地址：Avoiding common HTML5 mistakes，作者 :Richard Clark，有疑問(wèn)的地方大家可以核對(duì)英文。
在這篇文章中，我將給大家分享HTML5構(gòu)建頁(yè)面的小錯(cuò)誤和不好的實(shí)踐方法，讓我們?cè)谝院蟮墓ぷ髦斜苊膺@些錯(cuò)誤。
不要把<Section>當(dāng)成簡(jiǎn)單的容器來(lái)定義樣式
我們經(jīng)常看到的一個(gè)錯(cuò)誤，就是武斷的將<div>標(biāo)簽用<section>標(biāo)簽來(lái)替代，特別是將作為包圍容器的<div>用<section>來(lái)替換。在XHTML或者HTML4中，我們將會(huì)看到類(lèi)似下面的代碼：
<!-- HTML 4-style code --><div id="wrapper">
<div id="header">
<h1>My super duper page</h1>
<!-- Header content -->
</div>
<div id="main">
<!-- Page content -->
</div>
<div id="secondary">
<!-- Secondary content -->
</div>
<div id="footer">
<!-- Footer content -->
</div>
</div>
it知識(shí)庫(kù)：HTML5標(biāo)簽使用的常見(jiàn)誤區(qū)，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
