自閉合標簽(空元素,即不能包含任何內容,這些元素對應的HTML標簽成為自閉合標簽)
area/base/br/col/command/embed/hr/img/input/keygen/link/meta/param/source/track/wbr
<!--非閉合標簽必須有開始和結束標簽-->
<a href="demo.html" title="demo">simple</a>
<!--自閉合標簽必須沒有結束標簽-->
<img src="demo.png" alt="demo"/>
停止使用不標准的標簽和屬性,簡化HTML代碼
1.標簽沒有實際的語義,僅僅是用於設置樣式
不推薦使用單純設置樣式的標簽,如basefont、big、center、font等,應該通過css設置樣式,讓HTML標簽功能更單一。
不推薦HTML標簽中添加樣式屬性,如iframe、img、input、div等標簽中的align屬性,body標簽上的background屬性,tr和td標簽上的height、width、nowrap、bgcolor、valign等屬性,iframe標簽中的frameborder、marginheight、scrolling等屬性。此類屬性應該廢棄,並通過添加css樣式來實現相同的效果。
不推薦使用<blink>或<marquee>(閃動或滾動),這兩個標簽職能已經超過HTML本身,並且存在瀏覽器的兼容問題,如果一定要達到此種效果,可通過javascript代碼來實現,並且效果會更好,如可以使用JQuery Marquee插件
2.讓HTML標簽具有更好的語義
不推薦使用<b>和<i>,顯示黑體字和斜體,推薦使用更具有語義的<strong>和<em>,如果單純是為了樣式,推薦使用CSS樣式定義font-weignt和font-style,讓頁面更簡潔
不推薦使用<s>和<strike>, 給文字增加刪除線的,可以用<del>和<ins>來代替
3.移除不常用的標簽
acronym/applet/dir等,廢棄原因:使用率低或者語義有歧義,並且有其他更好的可替代方案可以使用。
