|
最近組內進行HTML5標簽的學習,方法呢就是大家每人挑選幾個標簽,自己先去學習,然后給大家作講解。這個過程大家還是挺有收獲的。但是現在HTML5還處在草案階段,有些新的標簽元素的解釋也是經常有變化,甚至標簽加入/移出也很頻繁(比如 hgroup),同時現有的大的門戶網站在使用HTML5方面也沒有很好的范例可以參考,讓大家的學習過程更摸索。下面是我在 html5doctor 上面看到的一篇文章,在目前大家懵懂的階段,可能看看大師的講解會更容易理解。由于才疏學淺,很多不明白的地方可能只是做了字面上的翻譯,不對的地方還請大家多多指教。
下面附上原文地址:Avoiding common HTML5 mistakes,作者 :Richard Clark,有疑問的地方大家可以核對英文。
在這篇文章中,我將給大家分享HTML5構建頁面的小錯誤和不好的實踐方法,讓我們在以后的工作中避免這些錯誤。
不要把<Section>當成簡單的容器來定義樣式
我們經常看到的一個錯誤,就是武斷的將<div>標簽用<section>標簽來替代,特別是將作為包圍容器的<div>用<section>來替換。在XHTML或者HTML4中,我們將會看到類似下面的代碼:
<!-- 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知識庫:HTML5標簽使用的常見誤區,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。