整合營(yíng)銷(xiāo)服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢(xún)熱線(xiàn):

          HTML5最新版本介紹

          HTML5是HTML4.01和XHTML1.0之后超文本標(biāo)記語(yǔ)言的最新版本,由一群自由思想者設(shè)計(jì),最終實(shí)現(xiàn)了多媒體支持、交互性、更智能的表單和更好的語(yǔ)義標(biāo)注。


          HTML 5不只是 HTML規(guī)范的最新版本,它是用于生成現(xiàn)代 Web內(nèi)容的一系列相關(guān)技術(shù)的總稱(chēng),其中最重要的三個(gè)技術(shù)是:HTML5核心規(guī)范(table)、 CSS (class style)和 JavaScript。

          一.HTML5 的歷史

          HTML在1993年第一次作為互聯(lián)網(wǎng)草稿發(fā)布,隨后經(jīng)歷了2.0、3.2和4.0,直到1999年 HTML4.01版本穩(wěn)定下來(lái)。慢慢地,隨著發(fā)展,越來(lái)越嚴(yán)格的 XHTML取代了它。

          XHTML 的興衰史

          自發(fā)布了 HTML4.01版以來(lái),萬(wàn)維網(wǎng)聯(lián)盟(W3C)掌握了 HTML規(guī)范,但該組織并未發(fā)布新標(biāo)準(zhǔn),而是致力于 XHTML1.0,以及之后的 XHTML2.0。XHTML是基于 XML的 HTML版本,它致力于實(shí)現(xiàn)更嚴(yán)格和統(tǒng)一的編碼規(guī)范,解決了以前的 HTML4.01版本中由于編碼不規(guī)范而導(dǎo)致瀏覽器出現(xiàn)的各種奇怪行為。因此, Web開(kāi)發(fā)人員非常支持 XHTML。XHTML最大的優(yōu)點(diǎn),就是迫使開(kāi)發(fā)人員養(yǎng)成良好的編碼習(xí)慣,摒棄混亂的 HTML書(shū)寫(xiě),最終減少瀏覽器解析頁(yè)面的困難,方便移植到其他平臺(tái)。


          然而,越想往好的方面發(fā)展,往往就會(huì)帶來(lái)災(zāi)難性的后果,世界上的一切都是如此。XHTML2.0規(guī)定了更嚴(yán)格的錯(cuò)誤處理規(guī)則,規(guī)定瀏覽器必須拒絕無(wú)效的XHTML2頁(yè)面,強(qiáng)制 Web開(kāi)發(fā)人員在不向下兼容、不改變 HTML遺留下來(lái)的奇怪行為和編碼習(xí)慣的情況下編寫(xiě)絕對(duì)正確的代碼。按道理,取其精華,去其糟粕應(yīng)該是件好事。但如果這樣的話(huà),上一個(gè)頁(yè)面將不能兼容, Web開(kāi)發(fā)人員的難度又增加了,而制定這一標(biāo)準(zhǔn)又太久,最終將被拋棄。


          HTML5 的回歸

          W3C在2008年發(fā)布了HTML5的工作草案,XHTML2預(yù)定在2009年終止。在大約一年的時(shí)間里,HTML5規(guī)范進(jìn)一步解決了很多實(shí)際問(wèn)題,各大瀏覽器廠商開(kāi)始升級(jí)產(chǎn)品支持HTML5。因此,瀏覽器的實(shí)驗(yàn)反饋,HTML5規(guī)范得到了不斷的改進(jìn)和完善,并很快融入到Web平臺(tái)的實(shí)質(zhì)性改進(jìn)中。


          和 XHTML2.0不同的是,開(kāi)發(fā)HTML5規(guī)范的團(tuán)隊(duì)不會(huì)為了彌補(bǔ)以前 HTML的種種缺陷而去糾正它,而是盡可能地彌補(bǔ) Web開(kāi)發(fā)人員所需要的各種功能。其中包括更強(qiáng)大的CSS3,表單驗(yàn)證,音頻視頻,本地存儲(chǔ),地理定位,畫(huà)作(畫(huà)布),網(wǎng)絡(luò)通訊等等。


          二.HTML5 的功能

          HTML5涵蓋了哪些功能?主流瀏覽器是如何支持這些功能的?

          1.HTML5 核心:

          該部分主要組成為W3C官方規(guī)范,包括新的語(yǔ)義元素,新的增強(qiáng)的 Web表單,音頻和視頻,以及 JavaScript繪制的畫(huà)布。大部分主流瀏覽器都對(duì)此有良好的支持;


          2.曾經(jīng)的 HTML5 標(biāo)準(zhǔn):

          這部分主要來(lái)源于原HTML5規(guī)范,大部分都需要JavaScript,支持Web應(yīng)用開(kāi)發(fā)。例如:本地?cái)?shù)據(jù)存儲(chǔ)、離線(xiàn)應(yīng)用、消息傳輸;


          3.非 HTML5 標(biāo)準(zhǔn):

          這部分通常指的是下一代功能。雖然從未進(jìn)入HTML5標(biāo)準(zhǔn),但人們還是會(huì)把它當(dāng)作HTML5的一部分。這些包括最常見(jiàn)的CSS3,以及非常受歡迎的地理位置。


          對(duì)于最為常用且實(shí)用的部分,基本上主流的瀏覽器都支持得比較好。而那些特殊需求的部分,則需要根據(jù)不同的瀏覽器檢測(cè)才能知道是否支持自己想要的功能。

          三.HTML5 的特點(diǎn)

          在 HTML5 發(fā)展的同時(shí),XHTML2.0 也在不斷發(fā)展,那么到底是哪些特點(diǎn)導(dǎo)致 HTML5 取得最終的勝利呢?


          1.向下兼容

          對(duì) XHTML2.0來(lái)說(shuō),需要遵循規(guī)則,否則不能顯示,而HTML5則奉行“不破壞 Web”的原則。這就是說(shuō),以前存在的網(wǎng)頁(yè),仍然能夠保持正確的顯示。


          HTML5規(guī)范當(dāng)然是面向開(kāi)發(fā)者,要求拋棄過(guò)去那些編碼的壞習(xí)慣和廢棄的標(biāo)簽元素;面向?yàn)g覽器廠商,要求他們兼容 HTML遺留下來(lái)的所有東西,從而實(shí)現(xiàn)向下兼容。


          2.用戶(hù)至上

          HTML 5遵循“用戶(hù)至上”的原則,當(dāng)出現(xiàn)具體問(wèn)題時(shí),首先考慮用戶(hù),其次考慮開(kāi)發(fā)人員,然后再考慮瀏覽器廠商,最后才考慮制定規(guī)范。例如,開(kāi)發(fā)者在編寫(xiě)代碼時(shí)不嚴(yán)謹(jǐn),導(dǎo)致本應(yīng)出現(xiàn)警告或錯(cuò)誤,但頁(yè)面卻正常顯示。

          3.化繁為簡(jiǎn)

          HTML5 對(duì)比之前的 XHTML,做了大量的簡(jiǎn)化工作。具體如下:

          (1)替換復(fù)雜的JavaScript具有瀏覽器的原生能力;

          (2).DOCTYPE 被簡(jiǎn)化到極致;

          (3).字符集聲明被簡(jiǎn)化;

          (4).簡(jiǎn)單強(qiáng)大的 API。


          4.無(wú)插件范式

          在HTML5出現(xiàn)之前,很多功能只能通過(guò)插件或者h(yuǎn)ack(比如畫(huà)圖API)來(lái)實(shí)現(xiàn),但是HTML5本身就提供了這些支持。使用插件有許多問(wèn)題,如下所示:

          (1).插件安裝容易失敗;

          (2).插件被瀏覽器或軟件禁用屏蔽(如 Flash 插件);

          (3).插件經(jīng)常會(huì)被爆出漏洞被利用攻擊;

          (4).插件不容易與 HTML 文檔其他部分集成(比如整體透明化等)。

          5.訪問(wèn)通用性

          這個(gè)原則分為三個(gè)概念:

          (1).可訪問(wèn)性:比如更加利于殘障人士的閱讀方案;

          (2).媒體中立:比如 HTML5 的媒體播放在不同設(shè)備或平臺(tái)均能正常運(yùn)行;

          (3).支持所有語(yǔ)種:比如新元素。


          6.引入語(yǔ)義

          HTML 5引入一些標(biāo)簽元素來(lái)區(qū)分不同的意思和內(nèi)容。該方法大大提高了代碼編寫(xiě)者的可讀性,并且便于代碼區(qū)域查詢(xún)。

          7.引入原生媒體支持

          HTML5的一個(gè)重大改進(jìn)就是支持直接在瀏覽器中播放視頻和音頻文件,而這類(lèi)功能之前都需要借助插件來(lái)實(shí)現(xiàn)。


          8.引入可編程內(nèi)容

          HTML5 最大的變化就是引入了需要通過(guò) JavaScript 編程才能完全的各種效果,而這些很多都是 HTML5 原生的。那么現(xiàn)在 HTML5 可以理解為 HTML + CSS + JavaScript + API 的總稱(chēng)。

          以上就是關(guān)于HTML5的一些介紹,謝謝大家觀看。

          HTML5 是下一代 HTML 標(biāo)準(zhǔn)。

          HTML5 受包括Firefox(火狐瀏覽器),IE9及其更高版本,Chrome(谷歌瀏覽器),Safari,Opera等國(guó)外主流瀏覽器的支持;國(guó)內(nèi)的傲游瀏覽器(Maxthon), 360瀏覽器、搜狗瀏覽器、QQ瀏覽器、獵豹瀏覽器等同樣具備支持HTML5的能力。

          優(yōu)勢(shì):開(kāi)發(fā)技術(shù)簡(jiǎn)單,研發(fā)周期短,用戶(hù)接觸成本低

          、H5的優(yōu)勢(shì)是兼容性好用H5的技術(shù)開(kāi)發(fā)出來(lái)的應(yīng)用在各個(gè)平臺(tái)都適用,且可以在網(wǎng)頁(yè)上直接進(jìn)行調(diào)試和修改,開(kāi)發(fā)和維護(hù)的成本較低,開(kāi)發(fā)周期較短。

          二、強(qiáng)化了Web網(wǎng)頁(yè)的表現(xiàn)性能。除了可描繪二維圖形外,還準(zhǔn)備了用于播放視頻和音頻的標(biāo)簽。

          三、追加了本地?cái)?shù)據(jù)庫(kù)等Web應(yīng)用的功能。

          適合場(chǎng)景:把手機(jī)網(wǎng)站當(dāng)成網(wǎng)絡(luò)上的“電子產(chǎn)品介紹手冊(cè)”。

          手機(jī)網(wǎng)站更適合用戶(hù)“主動(dòng)百度搜索”或者“主動(dòng)訪問(wèn)”,適合于陌生用戶(hù)的低頻或初次訪問(wèn),讓用戶(hù)更完整和詳細(xì)的獲得快速介紹。通常用戶(hù)使用搜索引擎、手動(dòng)輸入網(wǎng)址等形式進(jìn)行訪問(wèn)。

          H5不足的地方表現(xiàn)在軟件運(yùn)行速度容易受網(wǎng)絡(luò)影響,對(duì)于攝像頭、陀螺儀等硬件支持較差,開(kāi)發(fā)出來(lái)的應(yīng)用性能較差,不適合處理較復(fù)雜的邏輯等等。

          H5的應(yīng)用。

          1、HTML5的游戲開(kāi)發(fā),例如簡(jiǎn)單的微信小游戲,打飛機(jī)等,也有白鷺egret引擎,還有cocos2d-js等等。

          2、輕應(yīng)用、Webapp、微站

          網(wǎng)站包括PC端和移動(dòng)端,響應(yīng)式網(wǎng)站適配不同的終端。

          HTML5培訓(xùn)開(kāi)發(fā)移動(dòng)應(yīng)用更靈活。采用HTML5技術(shù)的輕應(yīng)用、WebApp相信會(huì)更容易被大眾所認(rèn)可,接受。

          3、Hybrid App是指介于web-app、native-app這兩者之間的app,它雖然看上去是一個(gè)Native App,但只有一個(gè)UI WebView,里面訪問(wèn)的是一個(gè)Web App,比如街旁網(wǎng)最開(kāi)始的應(yīng)用就是包了個(gè)客戶(hù)端的殼,其實(shí)里面是HTML5的網(wǎng)頁(yè),后來(lái)才推出真正的原生應(yīng)用。

          4、基于微信平臺(tái)的開(kāi)發(fā),微信開(kāi)放JSSDK讓H5的開(kāi)發(fā)人員可以調(diào)用底層功能,實(shí)現(xiàn)掃一掃,卡卷,微信支付,等操作

          5、HTML5教程移動(dòng)營(yíng)銷(xiāo)

          游戲化、場(chǎng)景化、跨屏互動(dòng),HTML5技術(shù)完美的滿(mǎn)足了各大廣告商心里的夢(mèng)想,從形式到功用、到傳播,只要是你能想到的,沒(méi)有它做不到的。

          6、WebVR讓虛擬現(xiàn)實(shí)大眾化

          WebVR就是通過(guò)HTML5教程來(lái)把虛擬現(xiàn)實(shí)內(nèi)容嵌入到web頁(yè)面中,谷歌、Facebook等巨頭都十分欣賞這一功能。

          7、動(dòng)漫、二次元

          HTML5技術(shù)的成熟,還將會(huì)帶來(lái)動(dòng)漫產(chǎn)業(yè)的升級(jí),從而為讀者們帶來(lái)更場(chǎng)景化,更真實(shí)化的方便體驗(yàn)。

          TML5究竟有什么優(yōu)勢(shì)?

          縱觀HTML5的接觸者——開(kāi)發(fā)者和終端用戶(hù)體驗(yàn),HTML5都有其獨(dú)特魅力。

          HTML5技術(shù)是在近幾年逐漸興起的技術(shù),是萬(wàn)維網(wǎng)的核心語(yǔ)言,是對(duì)HTML技術(shù)的第五次重大修改,在2014年10月29日正式發(fā)布。短短幾年時(shí)間內(nèi)就被互聯(lián)網(wǎng)企業(yè)廣泛采用,并且發(fā)展勢(shì)頭依然強(qiáng)勢(shì)!對(duì)HTML5人才的需求也在不斷的增加。嚴(yán)格來(lái)講,HTML5并不屬于一種真正的編程語(yǔ)言,而是一種標(biāo)記語(yǔ)言。相對(duì)于編程語(yǔ)言,HTML5更容易學(xué)習(xí)和掌握。市場(chǎng)的需求以及更容易掌握的特點(diǎn),讓很多人選擇學(xué)習(xí)HTML5。HTML5得以迅速發(fā)展,必然有很強(qiáng)的技術(shù)優(yōu)勢(shì)。

          首先,HTML5具有及時(shí)更新的特性,不同于其他的開(kāi)發(fā)技術(shù),比如iOS,Android等開(kāi)發(fā)技術(shù),在產(chǎn)品上線(xiàn)或者更新的時(shí)候,必然要通過(guò)APP store等平臺(tái)的審核才能發(fā)布,而HTML5卻不存在這個(gè)問(wèn)題,可以隨時(shí)更新,隨時(shí)上線(xiàn),節(jié)省大量的時(shí)間。

          第二,HTML5具有很好的跨平臺(tái)性,使用HTML5開(kāi)發(fā)程序,可以很好的做到PC端與移動(dòng)端的同步上線(xiàn),支持多種平臺(tái)。不需要針對(duì)不種的平臺(tái)做專(zhuān)門(mén)的開(kāi)發(fā),對(duì)于一些中小企業(yè)來(lái)說(shuō)這是其最看重的優(yōu)勢(shì),可以節(jié)省大量的資金。

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

          第四,本地存儲(chǔ)特性。得益于HTML5的本地儲(chǔ)存特性,使用HTML5開(kāi)發(fā)的程序具有更短的啟動(dòng)時(shí)間,更快的加載速度。這樣用戶(hù)在使用時(shí),能夠更好的感受體驗(yàn)效果。

            第五,更簡(jiǎn)潔的代碼。你還為雜亂無(wú)章的代碼發(fā)愁嗎?HTML5允許你寫(xiě)出簡(jiǎn)單清晰富于描述的代碼。符合語(yǔ)義學(xué)的代碼允許你分開(kāi)樣式和內(nèi)容,讓你寫(xiě)的代碼更加直觀,優(yōu)雅。

            HTML5具體有哪些應(yīng)用呢?目前,HTML5開(kāi)發(fā)最主要的應(yīng)用就是網(wǎng)頁(yè)制作以及游戲開(kāi)發(fā)。在HTML5出現(xiàn)之前,網(wǎng)頁(yè)制作只是一個(gè)簡(jiǎn)單的頁(yè)面展示,客戶(hù)體驗(yàn)效果不佳,而HTML5的引入,賦予網(wǎng)頁(yè)更好的意義和結(jié)構(gòu)。更加豐富的標(biāo)簽將隨著對(duì)RDFa的,微數(shù)據(jù)與微格式等方面的支持,構(gòu)建對(duì)程序、對(duì)用戶(hù)都更有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)的Web。并且,HTML5制作的網(wǎng)頁(yè)能夠自適應(yīng)屏幕的大小,根據(jù)屏幕的大小,自動(dòng)調(diào)節(jié),這就省卻了很多不必要的麻煩。HTML5新增了canvas對(duì)象,可以很好的實(shí)現(xiàn)原來(lái)的flash功能,而且不用輔助的插件,利用這個(gè)功能再引入Java和CSS可以用來(lái)開(kāi)發(fā)HTML5游戲,尤其是移動(dòng)端的小游戲。

            當(dāng)然,HTML5也并不是十全十美的,每種技術(shù)都有一定的缺陷,HTML5也不例外,比如新標(biāo)簽的引入,各瀏覽器之間將缺少一種統(tǒng)一的數(shù)據(jù)描述格式,造成用戶(hù)體驗(yàn)不佳。但無(wú)論如何,HTML5的時(shí)代已經(jīng)到來(lái)了,并已經(jīng)在互聯(lián)網(wǎng)行業(yè)中占據(jù)了半壁江山。HTML5是未來(lái)的一個(gè)發(fā)展趨勢(shì)。

          1.HTML5網(wǎng)站

          經(jīng)過(guò)近3年的發(fā)展,html5技術(shù)已經(jīng)取得成功,是未來(lái)網(wǎng)頁(yè)技術(shù)的標(biāo)準(zhǔn),在國(guó)內(nèi)外都有這方面的網(wǎng)站,數(shù)量多不勝數(shù),相比傳統(tǒng)網(wǎng)站,界面和交互效果都比較優(yōu)秀,或許是大家都認(rèn)識(shí)到了它的好處,所以才會(huì)有這么多的相關(guān)網(wǎng)站應(yīng)用.

          2. HTML5視頻

          在國(guó)外大型社區(qū)網(wǎng)站FACEBOOK、視頻分享網(wǎng)站YOUTUBE、谷歌和微軟等網(wǎng)站,都已經(jīng)使用html5作為默認(rèn)技術(shù),它的優(yōu)點(diǎn)就是省電,流暢和清晰,因?yàn)椴捎昧私y(tǒng)一的國(guó)際標(biāo)準(zhǔn)H.264,國(guó)內(nèi)已經(jīng)出現(xiàn)手機(jī)html5視頻網(wǎng)站.這方面的應(yīng)用正在發(fā)展,估計(jì)要等到2015年之后,html5視頻才會(huì)廣泛被應(yīng)用到各類(lèi)網(wǎng)站之中.

          3. HTML5

          以three.js,c3dl、glge和webgl為主的幾個(gè)開(kāi)源html5%203d網(wǎng)頁(yè)應(yīng)用框架,已經(jīng)被多個(gè)網(wǎng)站使用和傳播,它們的發(fā)展將使得網(wǎng)頁(yè)3d應(yīng)用進(jìn)入全新的時(shí)代,將會(huì)推動(dòng)頁(yè)游的可持續(xù)發(fā)展和技術(shù)標(biāo)準(zhǔn)的統(tǒng)一.

          4. HTML5游戲

          相信大家都或多或少的玩過(guò)html5游戲,這類(lèi)游戲小巧和流暢,畫(huà)面質(zhì)量相當(dāng)高,而且操作容易方便,即使在手機(jī)上也能夠像電腦上一樣玩,甚至借助觸摸屏優(yōu)勢(shì),比在PC電腦更具操作性,但統(tǒng)統(tǒng)這些都只是一個(gè)開(kāi)始,相信數(shù)年之后,html5游戲?qū)⒊蔀樽顭衢T(mén)的游戲開(kāi)發(fā)技術(shù).

          5.HTML5廣告

          以前網(wǎng)頁(yè)中漂浮的,滾動(dòng)和彈出的,幻燈片或頁(yè)面廣告,幾乎清一色flash和gif,但到現(xiàn)在,這個(gè)狀況已經(jīng)改變,互聯(lián)網(wǎng)的發(fā)展促使傳統(tǒng)廣告開(kāi)始向新的形式,即html5動(dòng)畫(huà)及廣告演變.

          6. HTML5 APIhtml5

          有文件api,本地?cái)?shù)據(jù)庫(kù)和眾多標(biāo)簽,能夠輕易就實(shí)現(xiàn)一項(xiàng)網(wǎng)頁(yè)應(yīng)用,相比過(guò)去需要寫(xiě)很多代碼才能實(shí)現(xiàn)的功能,如今利用html5技術(shù),只要更短的時(shí)間便能得到同樣的效果,交互上進(jìn)一步提高,而且支持觸摸屏,可擴(kuò)展性是它最大的特點(diǎn).


          主站蜘蛛池模板: 亚洲av无码一区二区三区人妖| 国精产品一区一区三区免费视频 | 国产一区二区三区在线| 亚洲国产激情一区二区三区 | 国产一区二区三区樱花动漫| 美女福利视频一区| 亚洲AV无码一区二区三区电影 | 农村乱人伦一区二区| 亚洲国产AV无码一区二区三区| 国产成人高清视频一区二区| 亚洲午夜精品一区二区麻豆| 国产精品视频第一区二区三区| 日本精品一区二区久久久| 精品国产a∨无码一区二区三区| 国产凹凸在线一区二区| 免费在线视频一区| 精品国产一区二区三区久久影院| 日韩人妻一区二区三区蜜桃视频 | 亚洲av无码片区一区二区三区| 国产精品小黄鸭一区二区三区 | 亚洲中文字幕丝袜制服一区| 国产日韩一区二区三免费高清| 日本精品视频一区二区| 国产在线精品一区二区不卡麻豆| 人妻少妇久久中文字幕一区二区| 精品91一区二区三区| 国产激情一区二区三区 | 国产乱码精品一区三上| 91在线视频一区| 国产亚洲无线码一区二区| 精品福利一区二区三区| 性色AV 一区二区三区| 国模精品视频一区二区三区| 精品一区二区三区在线成人| 亚洲一区在线观看视频| 国产精品亚洲专区一区| 天堂成人一区二区三区| 风间由美在线亚洲一区| 国产精品一区二区无线| 国产免费一区二区三区VR| 日韩美一区二区三区|