來源:知乎
先來了解HTML概念:
HTML(HyperText Mark-up Language)即超文本標記語言或超文本鏈接標示語言,是目前網絡上應用最為廣泛的語言,也是構成網頁文檔的主要語言。
HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。
HTML的結構包括頭部(Head)、主體(Body)兩大部分,其中頭部描述瀏覽器所需的信息,而主體則包含所要說明的具體內容。
那么什么是HTML5?
HTML5是HTML的第五個版本,上一個版本是HTML4,于1997年發布。
HTML5本質上不是什么新的技術,但是由于其在功能特性上有了極大的豐富,在加上各大瀏覽器性能上的支持,HTML5相對以前的HTML4有著更廣泛的應用。
HTML5主要的新特性:
語義特性(Class:Semantic)
HTML5賦予網頁更好的意義和結構。簡單來說就是程序猿更方便跟瀏覽器溝通。
本地存儲特性(Class: OFFLINE & STORAGE)
基于HTML5開發的網頁APP擁有更短的啟動時間,更快的聯網速度,因為可以將一些常用、不常更新的內容存儲在本地。
設備兼容特性 (Class: DEVICE ACCESS)
HTML5提供了前所未有的數據與應用接入開放接口。使外部應用可以直接與瀏覽器內部的數據直接相連,例如視頻影音可直接與microphones及攝像頭相聯。
連接特性(Class: CONNECTIVITY)
HTML5擁有更有效的服務器推送技術,Server-SentEvent和WebSockets就是其中的兩個特性,這兩個特性能夠幫助實現服務器將數據“推送”到客戶端的功能。更有效的連接工作效率,可以實現基于頁面的實時聊天,更快速的網頁游戲體驗,更優化的在線交流。
網頁多媒體特性(Class: MULTIMEDIA)
支持網頁端的Audio、Video等多媒體功能。
三維、圖形及特效特性(Class: 3D, Graphics & Effects)
基于SVG、Canvas、WebGL及CSS3的3D功能,視覺效果將大大增強,在線3D網游就是最典型的例子。
性能與集成特性(Class: Performance & Integration)
HTML5會通過XMLHttpRequest2等技術,幫助Web應用和網站在多樣化的環境中更快速的工作。最直觀的就是加載會更快。
CSS3特性(Class: CSS3)
如果把網頁比喻成舞臺,文字圖片視頻這些比喻成演員,那么CSS3就是化妝師和舞美,它控制著網頁所有元素的視覺和動作效果。相對于舊的CSS版本,HTML5所支持的CSS3中提供了更多的風格和更強的效果,也提供了更高的靈活性和控制性。
基于以上的功能特性,HTML5將有著極大的想象空間,最典型的應用前景是谷歌的瀏覽器OS概念——既瀏覽器取代操作系統,所有軟件、APP都運行在云端,用戶通過瀏覽器獲取軟件服務;在此假設下,Chrome瀏覽器相當于Windows操作系統,電腦軟件(比如Office、Photoshop等等)界面就是Chrome上不同網址的一個個新建窗口,而軟件操作界面就是HTML5網頁。