持良好的代碼風(fēng)格是每個(gè)Coder必學(xué)的課程，同樣在HTML設(shè)計(jì)的時(shí)候也要特別注意代碼的規(guī)范性，雖然說不規(guī) 范的代碼不會(huì)直接造成嚴(yán)重的后果，但很有可能對用戶體驗(yàn)造成一定的干擾，同時(shí)也會(huì)降低搜索引擎對網(wǎng)站的好感度。這份列表包含了10個(gè)最容易犯的HTML標(biāo) 簽錯(cuò)誤，記下他們，能夠讓我們避免犯此常見錯(cuò)誤，讓我們的HTML標(biāo)簽符合語義，和標(biāo)準(zhǔn)的要求。

誤區(qū)1：把塊級元素放入了行內(nèi)元素內(nèi)

HTML 元素的表現(xiàn)方式不外乎就兩種：塊級和行內(nèi)。每一個(gè)標(biāo)簽都有默認(rèn)的表現(xiàn)方式不是塊級就是行內(nèi)。像div和p 就是塊級元素，他們用來形成文檔結(jié)構(gòu)。行內(nèi)元素只能在快級元素內(nèi)。

誤區(qū)2： img 標(biāo)簽沒有包含alt屬性

alt屬性是所有顯示在網(wǎng)頁中圖片的必須屬性，它能夠幫助人們知道這是什么圖片。或者在網(wǎng)速比較慢的時(shí)候顯示圖 片的含義是什么。它的主要目的是，說 明圖片的含義，想這樣的說明 alt="image"是很糟糕的。如果，有些圖片的確只是裝飾作用而已，那么建議你寫成 alt=" "。

誤區(qū)3：在必要的時(shí)候沒使用list

誤區(qū)4：使用<b>和<i>顯示黑體字和斜體

可以用css樣式定義 font-weight 和 font-style. 如果必須在頁面中寫標(biāo)簽的話，用 <strong>或 <em>標(biāo)簽來替換。<b><i>的沒有任何語義可言， 但是，為了更簡潔的頁面，還是選擇 css定義樣式吧。

誤區(qū)5：使用太多<br/>

<br />換行標(biāo)記只應(yīng)該用于插入是在第一個(gè)文本流換行符敲到一個(gè)新行一個(gè)特別字了。它不應(yīng)該被用來制造元素之間的差距，而是分裂成不同的段落，或調(diào)整的幅度CSS樣式的文本。

誤區(qū)6： 使用錯(cuò)誤的 Strikethrough 標(biāo)簽

在昔日，<S>和<strike>允許用來定義網(wǎng)站文字。不過，現(xiàn)在他們被定義為不推 薦使用的標(biāo)簽，當(dāng)他們?nèi)稳豢梢杂行Ч��，F(xiàn)在用新的標(biāo)記集- <del>和<ins>來替換<s><strike>。

誤區(qū)7： 使用內(nèi)聯(lián)樣式

css最重要的目的只是為了區(qū)分文檔和樣式，如果，你把style寫到頁面里面，那么完全沒有css的作用可言。所以，記住把你的樣式放在它該放的位子。

誤區(qū)8： 把border添加到HTML中

誤區(qū)9： 沒有使用header標(biāo)簽<h1>-<h6>

誤區(qū)10： 沒有語義的 <blink> 或<marquee>

不被w3推薦，<blink>和<marquee> （閃動(dòng)，滾動(dòng)）標(biāo)簽是純粹的丑陋。不要使用這個(gè)標(biāo)簽，如果一定要用這樣的效果，相信，你會(huì)有其他更好的效果。