1. HTML5：是最新的HTML標準
2. HTML5的新特性：
①語義特性：
<header>：代表頁面或section的頭部區(qū)域，通常包含H1-H6或hgroup、搜索框、nav等
<footer>：頁面或section的腳部區(qū)域，通常包含該節(jié)的一些基本信息，如作者、相關文檔鏈接等
<nav>：頁面的導航鏈接區(qū)域，用于整個頁面的主要導航部分
<article>：代表一個在文檔、頁面或網站中自成一體的內同
<section>：文檔中的“節(jié)”或“段”，通常還帶標題
<aside>：代表頁面或article中主要內容的附屬信息部分，如當前文章的標簽、相關資料、側邊欄、日子鏈接、分類導航、廣告等
<hgroup>：頁面或section的標題，通常包含連續(xù)多個H1-H6標簽
<time>：定義公歷的時間或日期
<mark>：突出顯示文本
<figure>：規(guī)定獨立的流內容（圖像、圖表、照片、代碼等），與主內容相關，但刪除后不對文檔流產生影響
<figcaption>：figure元素的標題，置于figure元素的第一個或最后一個子元素的位置
②本地存儲特性：
localStorage（永久性的本地存儲）：永不失效除非手動刪除
sessionStorage（會話級別的本地存儲）：瀏覽器關閉后失效
Application Cache：瀏覽器設置：<html manifest="demo.appcache">；服務器需要維護一個manifest清單.用于存儲靜態(tài)資源。
IndexedDB：一種輕量級的NOSQL數(shù)據(jù)庫，比sqlite更加高效
③本地設備兼容特性
④連接特性：
WebSocket：實現(xiàn)了瀏覽器與服務器全雙工通信，服務器和客戶端可以在給定的時間范圍內的任意時刻相互推送消息，允許跨域通信
Server-Sent Event：定義了API來打開一個HTTP連接，通過該連接能夠獲取從服務器推送的通知
⑤網頁多媒體特性：支持網頁端的Audio、Vedio、拖拽操作、獲取地理位置等功能
⑥三維、圖形及特效特性：基于SVG、Canvas、WebGL及CSS3的3D功能
⑦性能與集成特性
⑧CSS3特性
3. ①新增的input的類型(12個)：email、url、number、range、search、color、date、month、week、time、datetime、datetime-local
②新增的表單元素（3個）：datalist、keygen、output
③新增的form屬性（2個）：autocomplete、novalidate
④新增的input屬性（18個）：autocomplete、autofocus、form、width、height、list、min、max、step、multiple、pattern、placeholder、required、formaction、formenctype、formmethod、formnovalidate、formtarget
4. HTML5廢棄的元素：
①能用css替代的元素：basefont、big、center、font、s、strike、tt、u
②frame框架相關的：frame、frameset、noframes
③其它：applet、dir等
5. HTML5新API：canvas（2D繪圖）、drag&drop（拖放）、Fullscreen（全屏）、Page Visibility（頁面可見性）、getUserMedia（訪問設備）、Battery（電池）、history（歷史記錄）、Link Prefetching（預加載網頁內容）等
6. CSS3新特性：
①新選擇器（具體查看w3school中的選擇器參考手冊）
②@font-face：引入自定義的web字體。各瀏覽器的支持寫法：
@font-face{
? ? ? ? font-family:'YourWebFontName';
? ? ? ? src : url('YourWebFontName. eot');/* IE9 Compat Modes */
? ? ? ? src : url('YourWebFontName .eot?#iefix')format('embedded-opentype'),/* IE6-IE8 */
? ? ? ? ? ? ? url('YourWebFontName. woff')format('woff'),/* Modern Browsers */
? ? ? ? ? ? ? url('YourWebFontName. ttf')format('truetype'),/* Safari, Android, iOS */
? ? ? ? ? ? ? url('YourWebFontName. svg#YourWebFontName')format('svg');/* Legacy iOS */}
③word-wrap & text-overflow & overflow:hidden :協(xié)同工作，文本溢出時效果
④text-decoration（文字渲染）：text-fill-color、text-stroke-color、text-stroke-width
⑤實現(xiàn)多列布局（添加瀏覽器前綴）：column-count、column-rule、column-gap
⑥顏色已提供透明度的支持，邊框可以顯示圓角（border-radius）
⑦gradient（漸變，需添加瀏覽器前綴）：線性漸變、徑向漸變
⑧box-shadow、text-shadow、box-reflect（支持的瀏覽器：chrome 13.0+、Safari 5.1+）
⑨背景效果：background-clip、background-origin、background-size、background-break、多背景圖片
⑩transform（添加瀏覽器前綴）：圖形學里的基本變化，如skew、scale等
transition（添加瀏覽器前綴）：如 transition : width 2s linear;
animation（添加瀏覽器前綴）：如 animation ： myMove 2s infinite;
