html5有哪些新特性?如何處理html5新標簽的瀏覽器兼容問題?如何區分html和html5?


h5新特性:
  語義化標簽:<hrader></header> 、<footer></footer>、<nav></nav>、<section></section>、<article></article>、<aside></aside>、<video></video>、<audio></audio>
  新增表單元素:email、month、number、range、search、tel、url、week、time、date、datatime、datetime-local
  新增表單屬性:placeholder、required、autofocus、autocomplete、maxlength、novalidate、max、min、step、multipe、disabled、checked
  新增的視頻和音頻標簽:<video></video>、<audio></audio>
  canvas繪圖
  SVG繪圖
  拖拽
  WebWorker、WebStorage、WebSocket


h5新標簽的兼容問題:
  (1)IE8/IE7/IE6支持通過 document.createElement

  (2)將html5shiv.js引入到head中(IE9及以下)
    <!--[if lt IE9]><script src="dist/html5shiv.js"></script><![endif]-->

    載入后,初始化新標簽的CSS:

    /*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

 

如何區分html和html5:
  (1)在文檔類型聲明上,h5為<!DOCTYPE html>,之前版本比較長
  (2)h5有語義化標簽,如<header></header>


免責聲明!

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



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