HTML5不僅僅作為HTML標記語言的一個最新版本,更重要的是它制定了web應用開發的一系列標準,成為第一個將web做為應用開發平臺的HTML語言。
HTML5定義了一系列的新元素,如新語義化標簽,智能表單,多媒體標簽等,還提供了一些javascript API,如地理定位,重力感應,硬件訪問等。可以在瀏覽器內實現類原生應用,甚至結合canvas我們可以開發網頁版游戲。
語法規范 HTML5在語法規范上也做了比較大的調整,去除了許多冗余的內容,書寫更加簡介,清晰
我是一段任性的文字,我就是不寫閉合標簽
特點 1.更簡潔 2.更寬松 單標簽不用寫關閉符號 雙標簽省略技術標簽 html,head,body,colgroup,tbody可以完全省略
實際開發中應該規范書寫,不建議太隨意
語義化標簽
H5經典網頁布局
常用語義化標簽
表示導航 表示頭部 表示尾部 表示區塊 表示文章 表示側邊欄 表示媒介內容分組 與ul>li做比較 表示標記(帶用“ul”,不怎么用) 表示進度(帶用“ul”,不怎么用) 表示日期
盡量避免全局使用header,footer,aside等語義化標簽 ###兼容處理 在不支持HTML5新標簽的瀏覽器里,會將這些新的標簽解析成行內元素對待,所以我們只需要將其轉化成塊元素即可使用但是在ie9版本以下,并不能正常解析這些新標簽,但是可以識別通過document.createElement('tagName')創建的自定義標簽,于是我們的解決方案就是講HTML5的新標簽通過document.createElement('tagName')來創建一遍,這樣ie低版本也可以正常解析HTML5新標簽,在實際開發中我們更多采取的是采用通過檢測ie瀏覽器的版本來加載三方的一個JS庫來解決兼容問題