1. HTML5的基本特性 1.1 DOCTYPE聲明方式 HTML5的聲明格式非常簡單不需要DTD和URL 就這麼一句聲明放在文檔的開頭就可以了。 1.2 新的元素 增加新的元素代表新的語義,例如,新增加了<hgroup>標簽,這個標簽用於對網頁或區段(section)的標題進行組合。再例如<na ...
1. HTML5的基本特性
1.1 DOCTYPE聲明方式
HTML5的聲明格式非常簡單不需要DTD和URL
<!DOCTYPE html>
就這麼一句聲明放在文檔的開頭就可以了。
1.2 新的元素
增加新的元素代表新的語義,例如,新增加了<hgroup>標簽,這個標簽用於對網頁或區段(section)的標題進行組合。再例如<nav>標簽,它定義了網站導航的鏈接。有了類似這種新的元素,頁面標記結構不僅清晰易讀,搜索引擎機器人和輔助技術也能比較好的解讀頁面的內容。
1.3 新的表單特性
HTML引入了新的表單輸入類型,例如:
color:
time:
month:
date:
number:
range:
除了input元素的type有了豐富,HTML5還引入了新的輸入元素屬性
例如: autocomplete, autofocus, placeholder, list 等等
1.4 進度條 度量器 可摺疊內容
這些是一些常用的顯示小部件。個人認為在實際的工程項目中,更多的是用自己構建的組件,這些原生的小組件用的不多。
1.5 微數據
搜索引擎和瀏覽器可以通過微數據提供更多的功能
2. 高級特性
2.1 HTML的畫布Canvas,通過HTML和JS就可以製作豐富的動畫,從而代替並不 好的實現方式,例如用Flash技術實現。
2.2 音頻和視頻,之前的實現方式都是通過第三方插件的方式來支持視頻和音頻,現在卻可以原生的用HTML支持。這也許就是最近HTML5火起來的重要原因,視頻能在移動端方便的傳播,而不需要任何第三方插件。
2.3 拖放功能,之前在頁面中的拖放功能是通過JS來實現的,現在結合新的HTML5的拖放API就可以實現拖放的功能。
2.4 使用WebSockets實現伺服器端與客戶端的雙向通信, 這種通信方式沒有HTTP相關的開銷,和適合快速傳輸小規模數據。
2.5 利用伺服器發送事件實現從伺服器端到客戶端的單向通信。利用EventSource介面,你的web應用能夠訂閱一個伺服器事件流,它只接收伺服器發送的更新消息。
2.6 文檔可編輯。通過設置contenteditable屬性使得該元素具備可編輯的特性,設置designMode可以使整個文檔都具有可編輯的特性。
2.7 使用Cooki會產生很多負面的問題。Web存儲 Web Storage DOM API 為web應用替代Cookie的解決方案。這個API涉及兩個介面:sessionStorage和localStorge
2.8 通過IndexDB可以開發離線web應用。在離線狀態時可以調用本地的IndexDB資料庫進行操作,等連接到網路後再通過ajax請求更新到服務端
2.9 可伸縮矢量圖形
這一個系列的文章主要是將HTML5實戰(HTML IN ACTION)的內容進一步精簡和提煉。總結思路和方法,精簡內容,進一步瞭解HTML5規範帶來的WEB變革。