html5有哪些新特性

HTML5對(duì)比傳統(tǒng)HTML有很多的新特性，包括了

成都創(chuàng)新互聯(lián)公司專注于企業(yè)全網(wǎng)整合營(yíng)銷推廣、網(wǎng)站重做改版、軹城網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5頁(yè)面制作、商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為軹城等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。

1、語(yǔ)義化標(biāo)簽：對(duì)比之前HTML沒(méi)有體現(xiàn)結(jié)構(gòu)語(yǔ)義化的標(biāo)簽，如：div id="header"/div，HTML5提供語(yǔ)義化標(biāo)簽，如：headerarticlefooternavasidesection等

2、增強(qiáng)型表單：多個(gè)新的表單 Input 輸入類型，如：color,url,date等這些新特性提供了更好的輸入控制和驗(yàn)證。新增表單元素，如：output，用于用于不同類型的輸出，比如計(jì)算或腳本輸出。新增表單屬性，如：placehoder 屬性，簡(jiǎn)短的提示在用戶輸入值前會(huì)顯示在輸入域上。即我們常見(jiàn)的輸入框默認(rèn)提示，在用戶輸入后消失。

3、新增視頻 video 和音頻 audio 標(biāo)簽

4、Canvas繪圖

5、SVG繪圖

6、地理定位

7、拖放API

8、Web Worker

9、Web Storage

10、WebSocket

html5的優(yōu)點(diǎn)

HTML5為什么如此受歡迎？主要因?yàn)樗旧淼膬?yōu)勢(shì)。HTML5的主要優(yōu)勢(shì)如下：

1、基于HTML5強(qiáng)大的兼容性。因?yàn)镠TML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開(kāi)放接口，使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連，例如視頻影音可直接與microphones及攝像頭相聯(lián)，就因?yàn)檫@種強(qiáng)大的兼容性，使得在當(dāng)下開(kāi)發(fā)界是如此的火，同樣也是因?yàn)檫@強(qiáng)大的兼容性，使得手機(jī)應(yīng)用軟件，app更適合，也更方便。所以更適合手機(jī)app軟件開(kāi)發(fā)，正好補(bǔ)充了手機(jī)小巧的不足。

2、HTML5開(kāi)發(fā)支持的手機(jī)系統(tǒng)有android、ios。

3、HTML5其突出的特點(diǎn)就是強(qiáng)化了web頁(yè)的表現(xiàn)性,追加了本地?cái)?shù)據(jù)庫(kù)，可以用作離線應(yīng)用的開(kāi)發(fā)，離線應(yīng)用就是把需要的資源先緩存到本地，下次再查看時(shí)無(wú)需聯(lián)網(wǎng)。

4、HTML5開(kāi)發(fā)能提供更快、更簡(jiǎn)便的服務(wù)，代碼可高度重用，服務(wù)發(fā)布方便。

5、動(dòng)畫(huà)、游戲動(dòng)態(tài)效果，地理定位等很多app應(yīng)用正在崛起，而HTML5技術(shù)的強(qiáng)大優(yōu)勢(shì)就是這種讓我們驚嘆的效果。而未來(lái)采用HTML5開(kāi)發(fā)app的，將會(huì)大量減少代碼量，應(yīng)用軟件也會(huì)得到更高的用戶體驗(yàn)，更好的視覺(jué)效果。

HTML5都有哪些新特性呢？

1、離線緩存。可以在關(guān)閉瀏覽器后再次打開(kāi)時(shí)恢復(fù)數(shù)據(jù)，以減少網(wǎng)絡(luò)流量。

2、音頻視頻自由嵌入，多媒體形式更為靈活。

3、地理定位。地理位置定位，讓定位和導(dǎo)航不再專屬導(dǎo)航軟件，地圖也不用下載非常大的地圖包，可以通過(guò)緩存來(lái)解決，到哪兒下哪兒，更靈活。

4、Canvas繪圖，提升移動(dòng)平臺(tái)的繪圖能力。使用Canvas API可以簡(jiǎn)單繪制熱點(diǎn)圖收集用戶體驗(yàn)資料，支持圖片的移動(dòng)、旋轉(zhuǎn)、縮放等常規(guī)編輯。

5、豐富的交互方式。提升互動(dòng)能力：拖拽、撤銷歷史操作、文本選擇等。

6、開(kāi)發(fā)及維護(hù)成本低，這個(gè)相對(duì)于原生APP開(kāi)發(fā)來(lái)說(shuō)。更低的開(kāi)發(fā)及維護(hù)成本;?使頁(yè)面變得更小，減少了用戶不必要的支出;而且，性能更好使耗電量更低。

7、CSS3 視覺(jué)設(shè)計(jì)師的輔助利器的支持。CSS3支持了字體的嵌入、版面的排版，以及最令人印象深刻的動(dòng)畫(huà)功能。

8、html5調(diào)用手機(jī)攝像頭和手機(jī)相冊(cè)、通訊錄等功能。

html5是指萬(wàn)維網(wǎng)的核心語(yǔ)言、 標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用 超文本標(biāo)記語(yǔ)言（ HTML）的第五次重大修改（這是一項(xiàng)推薦標(biāo)準(zhǔn)、外語(yǔ)原文： W3C Recommendation、見(jiàn)本處 參考資料原文內(nèi)容： ）2014年10月29日， 萬(wàn)維網(wǎng)聯(lián)盟宣布，經(jīng)過(guò)接近8年的艱苦努力，該標(biāo)準(zhǔn)規(guī)范終于制定完成。HTML5的設(shè)計(jì)目的是為了在移動(dòng)設(shè)備上支持多媒體。新的語(yǔ)法特征被引進(jìn)以支持這一點(diǎn)，如video、audio和canvas 標(biāo)記。HTML5還引進(jìn)了新的功能，可以真正改變用戶與文檔的交互方式，包括新的解析規(guī)則增強(qiáng)了靈活性、新屬性、淘汰過(guò)時(shí)的或冗余的屬性等。

HTML5到底是什么東西

HTML5是HTML的一個(gè)新版本。HTML 不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言 (markup language)。HTML5是萬(wàn)維網(wǎng)的核心語(yǔ)言、標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言(HTML)的第五次重大修改。

HTML5特性1.語(yǔ)義特性(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。

2.本地存儲(chǔ)特性(Class: OFFLINE STORAGE)基于HTML5開(kāi)發(fā)的網(wǎng)頁(yè)APP擁有更短的啟動(dòng)時(shí)間，更快的聯(lián)網(wǎng)速度，這些全得益于HTML5 APP Cache，以及本地存儲(chǔ)功能。Indexed DB(HTML5本地存儲(chǔ)最重要的技術(shù)之一)和API說(shuō)明文檔。

3.設(shè)備兼容特性 (Class: DEVICE ACCESS)從Geolocation功能的API文檔公開(kāi)以來(lái)，HTML5為網(wǎng)頁(yè)應(yīng)用開(kāi)發(fā)者們提供了更多功能上的優(yōu)化選擇，帶來(lái)了更多體驗(yàn)功能的優(yōu)勢(shì)。HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開(kāi)放接口。使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連，例如視頻影音可直接與microphones及攝像頭相聯(lián)。

4.連接特性(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ù)“推送”到客戶端的功能。

5.網(wǎng)頁(yè)多媒體特性(Class: MULTIMEDIA)支持網(wǎng)頁(yè)端的Audio、Video等多媒體功能， 與網(wǎng)站自帶的APPS，攝像頭，影音功能相得益彰。

6.三維、圖形及特效特性(Class: 3D, Graphics Effects)基于SVG、Canvas、WebGL及CSS3的3D功能，用戶會(huì)驚嘆于在瀏覽器中，所呈現(xiàn)的驚人視覺(jué)效果。

7.性能與集成特性(Class: Performance Integration)沒(méi)有用戶會(huì)永遠(yuǎn)等待Loading——HTML5會(huì)通過(guò)XMLHttpRequest2等技術(shù)，解決以前的跨域等問(wèn)題，幫助您的Web應(yīng)用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。

8.CSS3特性(Class: CSS3)在不犧牲性能和語(yǔ)義結(jié)構(gòu)的前提下，CSS3中提供了更多的風(fēng)格和更強(qiáng)的效果。此外，較之以前的Web排版，Web的開(kāi)放字體格式(WOFF)也提供了更高的靈活性和控制性。