WEB學習筆記6-正確閉合HTML標簽


自閉合標簽(空元素,即不能包含任何內容,這些元素對應的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等,廢棄原因:使用率低或者語義有歧義,並且有其他更好的可替代方案可以使用。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM