您的位置:首頁>正文

web前端程式師常跳的坑——HTML5錯誤用法

web前端程式師在開發過程中難免會跳坑, HTML5錯誤用法就是常見的一種。 下面為大家詳細介紹一下。

錯誤一、把所有清單式的連結放在nav裡

HTML5成功引入了30個新元素, 所以, 很多人在構造語義化和結構化的標籤時有些不慎重, 但, 我們不小心就會濫用超語義化的元素, 比如, nav就經常被很多人濫用。

nav元素是頁面中連結到其他頁面或者本頁面其他部分的區塊, 比如主要的導航區塊, 而不是所有頁面上的連結包含導航連接的區塊。

比如說, 在footer中經常會有眾多的連結——主頁、服務條款、版權聲明頁等等, 這種情況下,

footer元素已經足夠使用了, 雖然nav元素也可以用在這裡, 但殺雞焉用牛刀, 我們通常情況下是不必要使用的。

HTML5

還有以下的幾種情況, 是不需要放在nav裡的。

HTML5

如果你遇見不確定的情況, 不知道是否要將一系列的連結放在nav中, 可以反問一下自己:“這些連結是主要的導航嗎?”

錯誤二、用section替代或者等價於div

這是在標籤使用中最常見到的錯誤之一, 在XHTML或者HTML4中, 我們常看到這樣的代碼:

web前端程式師

但是, 在HTML5中, 這樣的用法確實錯誤的, section因為並不是樣式容器, 它包含一個頭部, 表示的是內容中用來説明構建文檔概要的語義部分。 如果你需要額外的樣式容器, 建議繼續使用div。 正確使用HTML5和一些ARIA roles特性的是這樣的:

web前端程式師

同類文章
Next Article
喜欢就按个赞吧!!!
点击关闭提示