[譯文]避免常見的六種HTML5錯誤用法

原文鏈接請點擊此處，作者為Richard Clark.

本文為原創(chuàng)翻譯，同時對原文做了一些簡化處理。本文遵循署名-非商業(yè)性使用協(xié)議。

一、不要使用section作為div的替代品

人們在標(biāo)簽使用中最常見到的錯誤之一就是隨意將HTML5的<section>等價于<div>——具體地說，就是直接用作替代品(用于樣式)。在XHTML或者HTML4中，我們常看到這樣的代碼：

而現(xiàn)在在HTML5中，會是這樣：

這樣使用并不正確：<section>并不是樣式容器。section元素表示的是內(nèi)容中用來幫助構(gòu)建文檔概要的語義部分。它應(yīng)該包含一個頭部。如果你想找一個用作頁面容器的元素(就像HTML或者XHTML的風(fēng)格)，那么考慮如Kroc Camen所說，直接把樣式寫到body元素上吧。如果你仍然需要額外的樣式容器，還是繼續(xù)使用div吧。

基于上述思想，下面才是正確的使用HTML5和一些ARIA roles特性的例子（注意，根據(jù)你自己的設(shè)計，你也可能需要加入div）

如果你還是無法確定使用哪種元素，那么我建議你參考HTML5 sectioning content element flowchart

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈