什么是HTML5?
HTML5是HTML最新的修訂版本,2014年10月由萬維網聯盟(W3C)完成標准制定。設計目的是為了在移動設備上支持多媒體。HTML5是最新的html標准,擁有新的語義、圖形以及多媒體元素,簡化web應用,對應程序員來說也是簡單易學。通常簡稱 “H5”。
支持HTML5的瀏覽器包括Firefox(火狐瀏覽器),IE9及其更高版本,Chrome(谷歌瀏覽器),Safari,Opera等;國內的 遨游瀏覽器(Maxthon),以及基於IE或Chromium(Chrome的工程版或稱實驗版)所推出的360瀏覽器、搜狗瀏覽器、QQ瀏覽器、獵豹瀏覽器等國產瀏覽器同樣具備支持HTML5的能力。
HTML5與HTML比較
區別1:html5 不區分是否是嚴格模式還是傳統模式,而html 聲明時有嚴格、傳統、框架模式。文檔聲明變得簡單明了。
html5 的聲明:<!DOCTYPE html>
html的聲明:
- html 4.01 Strict:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- html 4.01 Transitional:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- html 4.01 Framest:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
區別2:html沒有語義化標簽,而html5 添加了許多語義標簽,使代碼結構清晰,提高代碼可讀性。
- 如:header、nav、footer、main、artical、section等。
區別3:html無法在網頁上動態的繪制圖片,而 html5 新增了canvas畫布,canvas繪制的圖片放大后會失真,而SVG可繪制矢量圖形。
H5 新增特性
- Canvas、SVG -- 用於繪畫的元素,canvas繪制的圖片會失真而SVG繪制的不會失真。
- video、audio -- 用於播放視頻和音頻的媒體。
- Drag 、Drop -- 用於拖放的 。
- Geolocation -- 用於獲取地理位置。
- localStorage、sessionStorage -- 用於本地離線存儲。
- webSQL、IndexDB -- 前端數據庫操作,由於安全性極低,目前h5已放棄。
- web Worker -- 獨立於其他腳本,不影響頁面性能運行在后台的javascript。
- webSocket -- 單個TCP連接上進行全雙工通訊的協議。
- 新的特殊內容元素 -- 如:article、footer、header、nav、section。
- 新的表單控件 -- 如:date、time、email、url、search。
H5 的優缺點
概括html5有以下幾點優勢:
- 提高可用性和可維護性,改進了用戶體驗。
- 新增語義化標簽,有助於開發人員定義清晰的結構。
- 可以播放視頻音頻,增加多媒體元素。
- 利用h5動畫,友好地替代了flash和silverlight。
- 爬蟲抓取網站的時候,對於SEO很友好。
- H5被大量應用於移動應用和游戲開發。
- 可移植性好。
缺點:
現在大多數高版本瀏覽器都支持html5,但是少部分的低版本瀏覽器目前不支持html5,因新標簽的引入,各瀏覽器之間將缺少一種統一的數據描述格式,造成用戶體驗不佳。
