避免常見的HTML5錯誤用法

2021-06-16 13:08:42 字數 539 閱讀 2701

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

人們在標籤使用中最常見到的錯誤之一就是隨意將html5的等價於——具體地說,就是直接用作替代品(用於樣式)。在xhtml或者html4中,我們常看到這樣的**:

header content

page content 

secondary content 

footer content 

而現在在html5中,會是這樣:

這樣使用並不正確:並不是樣式容器。section元素表示的是內容中用來幫助構建文件概要的語義部分。它應該包含乙個頭部。如果你想找乙個用作頁面容器的元素(就像html或者xhtml的風格),那麼考慮如kroc camen所說,直接把樣式寫到body元素上吧。如果你仍然需要額外的樣式容器,還是繼續使用div吧。

基於上述思想,下面才是正確的使用html5和一些aria roles特性的例子(注意,根據你自己的設計,你也可能需要加入div)

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

前端常見的6種HTML5錯誤用法

一 不要使用section作為div的替代品 人們在標籤使用中最常見到的錯誤之一就是隨意將html5的等價於 具體地說,就是直接用作替代品 用於樣式 在xhtml或者html4中,我們常看到這樣的 header content page content secondary content foote...

Enumeration的錯誤用法

在debug一段含有enumeration物件的 時候,為了看到enumeration物件內的值,在原有迴圈外另外增加了乙個迴圈來輸出,結果增加後發現 有異常出現。經過除錯發現,使用enu.nextelement依次輸出值之後,enu。hasmoreelements變為了false,導致了正常的 沒...

union all的錯誤用法

下面一段 錯了呢 找找看select from select city name sum w new user cnt as w new user cnt dsfrom pub cockpit db.ads mob dri user gather ws where ds between 202010...