HTML5簡介

什么是HTML?

HTML是用來描述網(wǎng)頁的一種語言

HTML指超文本標(biāo)記語言(Hyper Text Markup Language)

HTML不是編程語言,是一種標(biāo)記語言


HTML5 的新特性

① 語義特性(Semantic)

HTML5賦予網(wǎng)頁更好的意義和結(jié)構(gòu)。

② 本地存儲(chǔ)特性(OFFLINE & STORAGE)

基于HTML5開發(fā)的網(wǎng)頁APP擁有更短的啟動(dòng)時(shí)間,更快的聯(lián)網(wǎng)速度,這些全得益于HTML5 APP Cache,以及本地存儲(chǔ)功能。

③ 設(shè)備訪問特性 (DEVICE ACCESS)

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

④ 連接特性(CONNECTIVITY)

更有效的連接工作效率,使得基于頁面的實(shí)時(shí)聊天,更快速的網(wǎng)頁游戲體驗(yàn),更優(yōu)化的在線交流得到了實(shí)現(xiàn)。HTML5擁有更有效的服務(wù)器推送技術(shù),Server-Sent Event和WebSockets就是其中的兩個(gè)特性,這兩個(gè)特性能夠幫助我們實(shí)現(xiàn)服務(wù)器將數(shù)據(jù)“推送”到客戶端的功能。

⑤ 網(wǎng)頁多媒體特性(MULTIMEDIA)

支持網(wǎng)頁端的Audio、Video等多媒體功能, 與網(wǎng)站自帶的APPS,攝像頭,影音功能相得益彰。

⑥ 三維、圖形及特效特性(3D, Graphics & Effects)

基于SVG、Canvas、WebGL及CSS3的3D功能,用戶會(huì)驚嘆于在瀏覽器中,所呈現(xiàn)的驚人視覺效果。

⑦ 性能與集成特性(Performance & Integration)

沒有用戶會(huì)永遠(yuǎn)等待你的Loading——HTML5會(huì)通過XMLHttpRequest2等技術(shù),解決以前的跨域等問題,幫助您的Web應(yīng)用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。

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

網(wǎng)絡(luò)標(biāo)準(zhǔn)

HTML5本身是由W3C推薦出來的,它的開發(fā)是通過谷歌、蘋果,諾基亞、中國移動(dòng)等幾百家公司一起醞釀的技術(shù),這個(gè)技術(shù)最大的好處在于它是一個(gè)公開的技術(shù)。換句話說,每一個(gè)公開的標(biāo)準(zhǔn)都可以根據(jù)W3C的資料庫找尋根源。另一方面,W3C通過的HTML5標(biāo)準(zhǔn)也就意味著每一個(gè)瀏覽器或每一個(gè)平臺(tái)都會(huì)去實(shí)現(xiàn)。

多設(shè)備跨平臺(tái)

用HTML5的優(yōu)點(diǎn)主要在于,這個(gè)技術(shù)可以進(jìn)行跨平臺(tái)的使用。比如你開發(fā)了一款HTML5的游戲,你可以很輕易地移植到UC的開放平臺(tái)、Opera的游戲中心、Facebook應(yīng)用平臺(tái),甚至可以通過封裝的技術(shù)發(fā)放到App Store或Google Play上,所以它的跨平臺(tái)非常強(qiáng)大,也是大多數(shù)人對(duì)HTML5有興趣的主要原因。

自適應(yīng)網(wǎng)頁設(shè)計(jì)

很早就有人設(shè)想,能不能”一次設(shè)計(jì),普遍適用”,讓同一張網(wǎng)頁自動(dòng)適應(yīng)不同大小的屏幕,根據(jù)屏幕寬度,自動(dòng)調(diào)整布局(layout)?

2010年,Ethan

Marcotte提出了”自適應(yīng)網(wǎng)頁設(shè)計(jì)“這個(gè)名詞,指可以自動(dòng)識(shí)別屏幕寬度、并做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計(jì)。

這就解決了傳統(tǒng)的一種局面——網(wǎng)站為不同的設(shè)備提供不同的網(wǎng)頁,比如專門提供一個(gè)mobile版本,或者iPhone / iPad版本。這樣做固然保證了效果,但是比較麻煩,同時(shí)要維護(hù)好幾個(gè)版本,而且如果一個(gè)網(wǎng)站有多個(gè)portal(入口),會(huì)大大增加架構(gòu)設(shè)計(jì)的復(fù)雜度。

即時(shí)更新

游戲客戶端每次都要更新,很麻煩??墒歉翲TML5游戲就好像更新頁面一樣,是馬上的、即時(shí)的更新。

總結(jié)概括HTML5有以下優(yōu)點(diǎn):

1、提高可用性和改進(jìn)用戶的友好體驗(yàn);

2、有幾個(gè)新的標(biāo)簽,這將有助于開發(fā)人員定義重要的內(nèi)容;

3、可以給站點(diǎn)帶來更多的多媒體元素(視頻和音頻);

4、可以很好的替代FLASH和Silverlight;

5、當(dāng)涉及到網(wǎng)站的抓取和索引的時(shí)候,對(duì)于SEO很友好;

6、將被大量應(yīng)用于移動(dòng)應(yīng)用程序和游戲。

5.元素變化

新的解析順序新的元素:section, video, progress, nav, meter, time, aside, canvasinput

元素的新屬性:日期和時(shí)間,email, url。

新的通用屬性:ping, charset, async

全域?qū)傩裕篿d, tabindex, repeat。

移除元素:center, font, strike

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 簡介萬維網(wǎng)的核心語言、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用超文本標(biāo)記語言(HTML)的第五次重大修改(這是一項(xiàng)推薦標(biāo)準(zhǔn)、外...
    早班火車丶閱讀 833評(píng)論 0 0
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,027評(píng)論 25 709
  • 前言 今后的一個(gè)月內(nèi)會(huì)連載詳細(xì)的Canvas教程,從零基礎(chǔ)開始,到Canvas API,再到基本動(dòng)畫與高級(jí)動(dòng)畫的實(shí)...
    Airing閱讀 1,356評(píng)論 4 37
  • HTML5 簡介 HTML5是HTML最新的修訂版本,2014年10月由萬維網(wǎng)聯(lián)盟(W3C)完成標(biāo)準(zhǔn)制定。HTML...
    鹿守心畔光閱讀 1,283評(píng)論 0 6
  • VOCAL VARIETY 一個(gè)好聽的聲音應(yīng)該具備以下品質(zhì):友好的、自然真情流露的、有影響力說服力的、...
    Ceeeeeeeee呀閱讀 403評(píng)論 1 2

友情鏈接更多精彩內(nèi)容