從HTML4.0、XHTML到HTML5，從某種意義上講，這是HTML描述性標(biāo)記語言的一種更加規(guī)范的過程。因此，HTML5并沒有給開發(fā)者帶來多大的沖擊。但HTML5增加了很多非常實(shí)用的新功能和新特性，下面具體介紹HTML5的一些優(yōu)勢(shì)。
十載的托里網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。成都營(yíng)銷網(wǎng)站建設(shè)的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整托里建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)從事“托里網(wǎng)站設(shè)計(jì)”,“托里網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
解決了跨瀏覽器問題
在HTML5之前，各大瀏覽器廠商為了爭(zhēng)奪市場(chǎng)占有率，會(huì)在各自的瀏覽器中增加各種各樣的功能，并且不具有統(tǒng)一的標(biāo)準(zhǔn)。使用不同的瀏覽器，常?？吹讲煌捻?yè)面效果。在HTML5中，納入了所有合理的擴(kuò)展功能，具備良好的跨平臺(tái)性能。針對(duì)不支持新標(biāo)簽的老式IE瀏覽器，只需簡(jiǎn)單地添加JavaScript代碼就可以使用新的元素。
2.新增了多個(gè)新特性?
HTML語言從1.0到5.0經(jīng)歷了巨大的變化，從單一的文本顯示功能到圖文并茂的多媒體顯示功能，許多特性經(jīng)過多年的完善，已經(jīng)發(fā)展成為一種非常重要的標(biāo)記語言。HTML5新增的特性如下。
● 新的特殊內(nèi)容元素，比如header、nav、section、article、footer。
● 新的表單控件，比如calendar、date、time、email、url、search。
● 用于繪畫的canvas元素。
● 用于媒介回放的video和audio元素。
● 對(duì)本地離線存儲(chǔ)的更好支持。
● 地理位置、拖曳、攝像頭等API。
3.用戶優(yōu)先的原則
HTML5標(biāo)準(zhǔn)的制定是以用戶優(yōu)先為原則的，一旦遇到無法解決的沖突時(shí)，規(guī)范會(huì)把用戶放在第一位。另外，為了增強(qiáng)HTML5的使用體驗(yàn)，還加強(qiáng)了以下兩方面的設(shè)計(jì)。
● 安全機(jī)制的設(shè)計(jì)
為確保HTML5的安全，在設(shè)計(jì)HTML5時(shí)做了很多針對(duì)安全的設(shè)計(jì)。HTML5引入了一種新的基于來源的安全模型，該模型不僅易用，而且對(duì)不同的API（Application Programming Interface，應(yīng)用程序編程接口）都通用。使用這個(gè)安全模型，不需要借助于任何不安全的hack就能跨域進(jìn)行安全對(duì)話。
● 表現(xiàn)和內(nèi)容分離
表現(xiàn)和內(nèi)容分離是HTML5設(shè)計(jì)中的另一個(gè)重要內(nèi)容。實(shí)際上，表現(xiàn)和內(nèi)容的分離早在HTML4.0中就有設(shè)計(jì)，但是分離的并不徹底。為了避免可訪問性差、代碼高復(fù)雜度、文件過大等問題，HTML5規(guī)范中更細(xì)致、清晰地分離了表現(xiàn)和內(nèi)容。但是考慮到HTML5的兼容性問題，一些陳舊的表現(xiàn)和內(nèi)容的代碼還是可以兼容使用的。
4.化繁為簡(jiǎn)的優(yōu)勢(shì)
作為當(dāng)下流行的通用標(biāo)記語言，HTML5盡可能地簡(jiǎn)化，嚴(yán)格遵循了“簡(jiǎn)單至上”的原則，主要體現(xiàn)在這幾個(gè)方面：
● 新的簡(jiǎn)化的字符集聲明；
● 新的簡(jiǎn)化的DOCTYPE；
● 簡(jiǎn)單而強(qiáng)大的HTML5 API；
● 以瀏覽器原生能力替代復(fù)雜的JavaScript代碼。
為了實(shí)現(xiàn)這些簡(jiǎn)化操作，HTML5規(guī)范需要比以前更加細(xì)致、精確。為了避免造成誤解，HTML5對(duì)每一個(gè)細(xì)節(jié)都有著非常明確的規(guī)范說明，不允許有任何的歧義和模糊出現(xiàn)。最近在看黑馬程序員的html5+css3的視頻教程，介紹的很詳細(xì)，感興趣的話你可以看看。
HTML5為什么如此受歡迎？主要因?yàn)樗旧淼膬?yōu)勢(shì)。HTML5的主要優(yōu)勢(shì)如下：
1、基于HTML5強(qiáng)大的兼容性。因?yàn)镠TML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口，使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連，例如視頻影音可直接與microphones及攝像頭相聯(lián)，就因?yàn)檫@種強(qiáng)大的兼容性，使得在當(dāng)下開發(fā)界是如此的火，同樣也是因?yàn)檫@強(qiáng)大的兼容性，使得手機(jī)應(yīng)用軟件，app更適合，也更方便。所以更適合手機(jī)app軟件開發(fā)，正好補(bǔ)充了手機(jī)小巧的不足。
2、HTML5開發(fā)支持的手機(jī)系統(tǒng)有android、ios。
3、HTML5其突出的特點(diǎn)就是強(qiáng)化了web頁(yè)的表現(xiàn)性,追加了本地?cái)?shù)據(jù)庫(kù)，可以用作離線應(yīng)用的開發(fā)，離線應(yīng)用就是把需要的資源先緩存到本地，下次再查看時(shí)無需聯(lián)網(wǎng)。
4、HTML5開發(fā)能提供更快、更簡(jiǎn)便的服務(wù)，代碼可高度重用，服務(wù)發(fā)布方便。
5、動(dòng)畫、游戲動(dòng)態(tài)效果，地理定位等很多app應(yīng)用正在崛起，而HTML5技術(shù)的強(qiáng)大優(yōu)勢(shì)就是這種讓我們驚嘆的效果。而未來采用HTML5開發(fā)app的，將會(huì)大量減少代碼量，應(yīng)用軟件也會(huì)得到更高的用戶體驗(yàn)，更好的視覺效果。
優(yōu)點(diǎn)：a、網(wǎng)絡(luò)標(biāo)準(zhǔn)統(tǒng)一、HTML5本身是由W3C推薦出來的。
b、多設(shè)備、跨平臺(tái)
c、即時(shí)更新，提高可用性和改進(jìn)用戶的友好體驗(yàn)；
d、有幾個(gè)新的標(biāo)簽，這將有助于開發(fā)人員定義重要的內(nèi)容；
e、可以給站點(diǎn)帶來更多的多媒體元素(視頻和音頻)，可以很好的替代Flash和Silverlight；
f、涉及到網(wǎng)站的抓取和索引的時(shí)候，對(duì)于SEO很友好；
缺點(diǎn)： a、安全：像之前Firefox4的web socket和透明代理的實(shí)現(xiàn)存在嚴(yán)重的安全問題，同時(shí)web storage、web socket 這樣的功能很容易被黑客利用，來盜取用戶的信息和資料。
b、完善性：許多特性各瀏覽器的支持程度也不一樣。
c、技術(shù)門檻: html5簡(jiǎn)化開發(fā)者工作的同時(shí)代表了有許多新的屬性和API需要開發(fā)者學(xué)習(xí),想web worker、web socket、web storage等新特性要求對(duì)于后臺(tái)的技術(shù)需要有一定的了解,甚至需要深入了解其后面原理和邏輯,而canvas要求視覺和圖像算法的一些知識(shí),傳統(tǒng)的前端開發(fā)者需要掌握更多算法、視覺、 后臺(tái)甚至瀏覽器原理的知識(shí),機(jī)遇的同時(shí)也是巨大的挑戰(zhàn)
d、性能：某些平臺(tái)上的引擎問題導(dǎo)致html5性能低下,同時(shí)在不加入GPU（圖形處理器）加速的情況下,html5處理復(fù)雜音視頻, 動(dòng)畫的性能不盡如人意。
e、瀏覽器兼容性：最大缺點(diǎn)，IE9以下瀏覽器幾乎全軍覆沒。
HTML5對(duì)于用戶來說，提高了用戶體驗(yàn)，加強(qiáng)了視覺感受。HTML5技術(shù)在移動(dòng)端，能夠讓應(yīng)用程序回歸到網(wǎng)頁(yè)，并對(duì)網(wǎng)頁(yè)的功能進(jìn)行擴(kuò)展，用戶不需要下載客戶端或插件就能夠觀看視頻、玩游戲，操作更加簡(jiǎn)單，用戶體驗(yàn)更好。HTML5的視音頻新技術(shù)解決了移動(dòng)端蘋果和安卓4.0+，對(duì)flash的支持問題。在視音頻方面，性能表現(xiàn)比flash要更好。網(wǎng)頁(yè)表現(xiàn)方面，HTML5中的CSS3特效樣式、Canvas、webgl的介入，不僅加強(qiáng)了網(wǎng)頁(yè)的視覺效果，甚至能夠使用戶在網(wǎng)頁(yè)當(dāng)中看到三維立體特效。
對(duì)于開發(fā)者來說，HTML5技術(shù)跨平臺(tái)，適配多終端。傳統(tǒng)移動(dòng)終端上的Native App，開發(fā)者的研發(fā)工作必須針對(duì)不同的操作系統(tǒng)進(jìn)行，成本相對(duì)較高。Native App對(duì)于用戶還存在著管理成本、存儲(chǔ)成本以及性能消耗成本。HTML/JavaScript/CSS語言所開發(fā)的應(yīng)用只要一次開發(fā)就能進(jìn)入所有瀏覽器進(jìn)行分發(fā)。即使是走傳統(tǒng)的App Store應(yīng)用商店渠道，只需要再將底層用HTML5開發(fā)的應(yīng)用“封裝”為App，從時(shí)間和資金成本上講遠(yuǎn)小于跨系統(tǒng)移植。
對(duì)于搜索引擎來說，HTML5新增的標(biāo)簽，使搜索引擎更加容易抓取和索引網(wǎng)頁(yè)，從而驅(qū)動(dòng)網(wǎng)站獲得更多的點(diǎn)擊流量。
語義特性（Class：Semantic）HTML5賦予網(wǎng)頁(yè)更好的意義和結(jié)構(gòu)。更加豐富的標(biāo)簽將隨著對(duì)RDFa的，微數(shù)據(jù)與微格式等方面的支持，構(gòu)建對(duì)程序、對(duì)用戶都更有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)的Web。
本地存儲(chǔ)特性（Class: OFFLINE STORAGE）
基于HTML5開發(fā)的網(wǎng)頁(yè)APP擁有更短的啟動(dòng)時(shí)間，更快的聯(lián)網(wǎng)速度，這些全得益于HTML5 APP Cache，以及本地存儲(chǔ)功能。Indexed DB（html5本地存儲(chǔ)最重要的技術(shù)之一）和API說明文檔。
設(shè)備兼容特性 (Class: DEVICE ACCESS)
從Geolocation功能的API文檔公開以來，HTML5為網(wǎng)頁(yè)應(yīng)用開發(fā)者們提供了更多功能上的優(yōu)化選擇，帶來了更多體驗(yàn)功能的優(yōu)勢(shì)。HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口。使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連，例如視頻影音可直接與microphones及攝像頭相聯(lián)。
連接特性（Class: CONNECTIVITY）
更有效的連接工作效率，使得基于頁(yè)面的實(shí)時(shí)聊天，更快速的網(wǎng)頁(yè)游戲體驗(yàn)，更優(yōu)化的在線交流得到了實(shí)現(xiàn)。HTML5擁有更有效的服務(wù)器推送技術(shù)，Server-Sent Event和WebSockets就是其中的兩個(gè)特性，這兩個(gè)特性能夠幫助我們實(shí)現(xiàn)服務(wù)器將數(shù)據(jù)“推送”到客戶端的功能。
網(wǎng)頁(yè)多媒體特性(Class: MULTIMEDIA)
支持網(wǎng)頁(yè)端的Audio、Video等多媒體功能， 與網(wǎng)站自帶的APPS，攝像頭，影音功能相得益彰。
三維、圖形及特效特性（Class: 3D, Graphics Effects）
基于SVG、Canvas、WebGL及CSS3的3D功能，用戶會(huì)驚嘆于在瀏覽器中，所呈現(xiàn)的驚人視覺效果。
性能與集成特性（Class: Performance Integration）
沒有用戶會(huì)永遠(yuǎn)等待你的Loading——HTML5會(huì)通過XMLHttpRequest2等技術(shù)，幫助您的Web應(yīng)用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。
CSS3特性(Class: CSS3)
在不犧牲性能和語義結(jié)構(gòu)的前提下，CSS3中提供了更多的風(fēng)格和更強(qiáng)的效果。此外，較之以前的Web排版，Web的開放字體格式（WOFF）也提供了更高的靈活性和控制性。
重慶分公司
重慶分公司
