html和xhtml和html5一些區別和筆記


XHTML,HTML

  XHTML 與 HTML 4.01 標准沒有太多的不同, XHTML1.0XML風格的HTML4.01,標簽的規范更加嚴格 , W3C一直是推崇XHTML這種嚴格類型的語法, 但是XHTML1.0升級到了1.1以后就夭折了。

 

html和xhtml最主要的不同:

  • XHTML 元素必須被正確地嵌套。
      • 錯誤:<Head></Head><Body></Body>
      • 正確:<head></head><body></body>

  • XHTML 元素必須被關閉。
      • 錯誤:<p>xxxx
      • 正確: <p>xxxx</p>
  • 標簽名必須用小寫字母。
      • 錯誤:<Div></diV>
      • 正確:<div></div>
  • XHTML 文檔必須擁有根元素。

其他

  不允許使用target="_blank"
  從XHTML 1.1開始全面禁止target屬性,如果想要有開新窗口的功能,就必須改寫為rel="external",並搭配JavaScript實現此效果。
  錯誤:<a href="http://blog.mukispace.com" target="_blank">MUKI space</a>
  正確:<a href="http://blog.mukispace.com" rel="external">MUKI space</a>

 

  如何驗證你的HTML或者XHTML是否合法的方式?  

    1:直接把代碼復制到w3.org進行在線測試:http://validator.w3.org/check;

    2:也可以直接把html改成xhtml結尾的,然后用firefox瀏覽器打開;

HTML和HTML5

  HTML5的語法相對於HTML4更加寬松了,不再基於SGML, 增加了很多語義化的HTML標簽, 還有audio,video, 文檔聲明變的更加簡單, 新增了字符串編碼的meta, 刪除了上世紀90年代的一些html標簽(font, frameset)等....

  廣義的來說HTML5為我們帶來了高版本的CSS,即CSS2.0升級到了CSS3.0, Javascript中也提供了更多的API支持(canvas,postMessage, notify, worker), 讓WEB更絢了;

 

HTML 4.01 參考手冊

HTML5


免責聲明!

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



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