一(yī / yì ／yí)、不(bù)要(yào / yāo)使用section作爲(wéi / wèi)div的(de)替代品
人(rén)們在(zài)标簽使用中最常見到(dào)的(de)錯誤之(zhī)一(yī / yì ／yí)就(jiù)是(shì)随意将HTML5的(de)人(rén)們在(zài)标簽使用中最常見到(dào)的(de)錯誤之(zhī)一(yī / yì ／yí)就(jiù)是(shì)随意将HTML5的(de)“section”等價于(yú)“div”——具體地(dì / de)說(shuō)，就(jiù)是(shì)直接用作替代品(用于(yú)樣式)。下面蘇州網站建設給大(dà)家列舉常見6種HTML5錯誤用法。

在(zài)XHTML或者HTML4中，我們常看到(dào)這(zhè)樣的(de)代碼：

而(ér)現在(zài)在(zài)HTML5中，會是(shì)這(zhè)樣：

這(zhè)樣使用并不(bù)正确：

并不(bù)是(shì)樣式容器。section元素表示的(de)是(shì)内容中用來(lái)幫助構建文檔概要(yào / yāo)的(de)語義部分。它應該包含一(yī / yì ／yí)個(gè)頭部。如果你想找一(yī / yì ／yí)個(gè)用作頁面容器的(de)元素(就(jiù)像HTML或者XHTML的(de)風格)，那麽考慮如Kroc Camen所說(shuō)，直接把樣式寫到(dào)body元素上(shàng)吧。如果你仍然需要(yào / yāo)額外的(de)樣式容器，還是(shì)繼續使用div吧。
基于(yú)上(shàng)述思想，下面才是(shì)正确的(de)使用HTML5和(hé / huò)一(yī / yì ／yí)些ARIA roles特性的(de)例子(zǐ)（注意，根據你自己的(de)設計，你也(yě)可能需要(yào / yāo)加入div）

二、隻在(zài)需要(yào / yāo)的(de)時(shí)候使用header和(hé / huò)hgroup
寫不(bù)需要(yào / yāo)寫的(de)标簽當然是(shì)毫無意義的(de)。不(bù)幸的(de)是(shì)，我經常看到(dào)header和(hé / huò)hgroup被無意義的(de)濫用。下面蘇州網站建設簡單總結如下：
header元素表示的(de)是(shì)一(yī / yì ／yí)組介紹性或者導航性質的(de)輔助文字，經常用作section的(de)頭部
當頭部有多層結構時(shí)，比如有子(zǐ)頭部，副标題，各種标識文字等，使用hgroup将h1-h6元素組合起來(lái)作爲(wéi / wèi)section的(de)頭部
header的(de)濫用
由于(yú)header可以(yǐ)在(zài)一(yī / yì ／yí)個(gè)文檔中使用多次，可能使得這(zhè)樣代碼風格受到(dào)歡迎：

如果你的(de)header元素隻包含一(yī / yì ／yí)個(gè)頭部元素，那麽丢棄header元素吧。既然article元素已經保證了(le／liǎo)頭部會出(chū)現在(zài)文檔概要(yào / yāo)中，而(ér)header又不(bù)能包含多個(gè)元素（如上(shàng)文所定義的(de)），那麽爲(wéi / wèi)什麽要(yào / yāo)寫多餘的(de)代碼。簡單點寫成這(zhè)樣就(jiù)行了(le／liǎo)：

hgroup的(de)錯誤使用在(zài)headers這(zhè)個(gè)主題上(shàng)，我也(yě)經常看到(dào)hgroup的(de)錯誤使用。有時(shí)候不(bù)應該同時(shí)使用hgroup和(hé / huò)header:如果隻有一(yī / yì ／yí)個(gè)子(zǐ)頭部，如果hgroup自己就(jiù)能工作的(de)很好第一(yī / yì ／yí)個(gè)問題一(yī / yì ／yí)般是(shì)這(zhè)樣的(de)：

此例中，直接拿掉hgroup，讓heading果奔吧。

三、不(bù)要(yào / yāo)把所有列表式的(de)鏈接放在(zài)nav裏
我們在(zài)構造語義化和(hé / huò)結構化的(de)标簽時(shí)的(de)選擇也(yě)變得有些不(bù)慎重。也(yě)就(jiù)是(shì)說(shuō)，我們不(bù)應該濫用超語義化的(de)元素。不(bù)幸的(de)是(shì)，nav就(jiù)是(shì)這(zhè)樣一(yī / yì ／yí)個(gè)被濫用的(de)例子(zǐ)。nav元素的(de)規範描述如下：
nav元素表示頁面中鏈接到(dào)其他(tā)頁面或者本頁面其他(tā)部分的(de)區塊；包含導航連接的(de)區塊。
注意：不(bù)是(shì)所有頁面上(shàng)的(de)鏈接都需要(yào / yāo)放在(zài)nav元素中——這(zhè)個(gè)元素本意是(shì)用作主要(yào / yāo)的(de)導航區塊。舉個(gè)具體的(de)例子(zǐ)，在(zài)footer中經常會有衆多的(de)鏈接，比如服 務條款，主頁，版權聲明頁等等。footer元素自身已經足以(yǐ)應付這(zhè)些情況，雖然nav元素也(yě)可以(yǐ)用在(zài)這(zhè)裏，但通常我們認爲(wéi / wèi)是(shì)不(bù)必要(yào / yāo)的(de)。
關鍵的(de)詞語是(shì)“主要(yào / yāo)的(de)”導航。當然我們可以(yǐ)互相噴上(shàng)一(yī / yì ／yí)整天什麽叫做“主要(yào / yāo)的(de)”。而(ér)蘇州網站制作小編是(shì)這(zhè)樣定義的(de)：主要(yào / yāo)的(de)導航、站内搜索、二級導航（略有争議）、頁面内導航（比如很長的(de)文章），既然并沒有絕對的(de)對錯，所以(yǐ)根據一(yī / yì ／yí)個(gè)非正式投票以(yǐ)及我自己的(de)解釋，以(yǐ)下的(de)情況，不(bù)管你放不(bù)放，我反正不(bù)放在(zài)nva中：分頁控制、社交鏈接（雖然有些社交鏈接也(yě)是(shì)主要(yào / yāo)導航，比如“關于(yú)”“收藏”）、博客文章的(de)标簽、博客文章的(de)分類、三級導航、過長的(de)footer