worker 隱藏 -- 黃色 支持ie res tab 導航 ble

HTML5 1. 語法簡潔(DOCTYPE,Charset) 2. 語義化標簽(易讀性增加，SEO優化) 3. 新增的表單標簽 4. JS新增的API語法 Canvas畫布(圖形,動畫) SVG矢量圖(無損) 本地存儲(7天免登陸) 離線緩存(不聯網都可以正常瀏覽) 多媒體(audio,video) 地理定位(經緯度等等) 拖拽上傳 web worker(多線程) 訪問設備信息 JS新增的一些語法

HTML5兼容問題 大部分語法支持IE9+ 以下代碼可以讓IE8-支持一部分的H5標簽 <!--[if lt IE 9]> <script src="html5shiv.js"></script> <![endif]-->

HTML5布局標簽 <header></header> -- 頭部 <footer></footer> -- 尾部 <main></main> -- 主要內容 <aside></aside> -- 側邊欄 <nav></nav> -- 導航菜單的容器 <hgroup></hgroup> -- 放標題的容器 <article><article> -- 一篇文章、一條完整的回復 <section></section> -- 主題內容 <address></address> -- 作者信息,聯系方式 <mark></mark> -- 黃色背景,黑字 <time></time> -- 放時間的 <figure> -- 修飾圖片的,figcaption作為圖片描述 <img> <figcaption></figcaption> </figure>

新增屬性 <div contenteditable="true"></div> -- 內容可以被編輯 <div hidden></div> -- 標簽被隱藏

多媒體標簽(IE9+) <audio src="xx.mp3" muted loop autoplay controls></audio> <video src="xx.mp4" muted loop autoplay controls poster="xx.jpg"></video> muted:靜音 loop:單曲循環 autoplay:自動播放(被瀏覽器給禁止) controls:控制條 poster:第一幀畫面(視頻封面)

9.12學習筆記