第十大原因:易用性
創(chuàng)新互聯(lián)致力于互聯(lián)網(wǎng)品牌建設(shè)與網(wǎng)絡(luò)營銷,包括成都網(wǎng)站制作、成都做網(wǎng)站、SEO優(yōu)化、網(wǎng)絡(luò)推廣、整站優(yōu)化營銷策劃推廣、電子商務(wù)、移動互聯(lián)網(wǎng)營銷等。創(chuàng)新互聯(lián)為不同類型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制及解決方案,創(chuàng)新互聯(lián)核心團隊10年專注互聯(lián)網(wǎng)開發(fā),積累了豐富的網(wǎng)站經(jīng)驗,為廣大企業(yè)客戶提供一站式企業(yè)網(wǎng)站建設(shè)服務(wù),在網(wǎng)站建設(shè)行業(yè)內(nèi)樹立了良好口碑。
倆個原因使得使用HTML5創(chuàng)建網(wǎng)站更加簡單:語義上及其ARIA。新的HTML標簽像header, footer,nav,section, aside等等,使得閱讀者更加容易去訪問內(nèi)容。在以前,即使你定義了class或者ID你的閱讀者也沒有辦法去了解給出的一個div究竟是什么。使用新的語義學(xué)的定義標簽,你可以更好的了解HTML文檔,并且創(chuàng)建一個更好的使用體驗。
ARIA是一個W3C的標準主要用來對HTML文章中的元素指定“角色“,通過角色屬性來創(chuàng)建重要的頁面地形例如,header,footer,navigation或者aritcle很有必要。這一點曾經(jīng)被忽略掉了并且沒有被廣泛使用,因為事實上并不驗證。然而,HTML5將會驗證這樣屬性。同時,HTML5將會內(nèi)建這些角色并且無法不覆蓋。更多的HTML5和ARIA討論,請大家查看這里。
第九大原因:視頻和音頻支持
忘了flash和其它第三方應(yīng)用吧,讓你的視頻和音頻通過HTML5標簽video和audio來訪問資源。正確播放媒體一直都是一個非??膳碌氖虑?,你需要使用embed和object標簽,并且為了它們能正確播放必須賦予一大堆的參數(shù)。你的媒體標簽將會非常復(fù)雜,大堆得令人迷惑的代碼。而且HTML5視頻和音頻標簽基本將他們視為圖片:video src=”"/。但是其它參數(shù)例如寬度和高度或者自動播放呢?不必擔心,只需要像其它HTML標簽一樣定義:video src=”url” width=”640px” height=”380px” autoplay/。
實際上這個過程非常簡單,然而我們的老瀏覽器可能并不喜歡我們的HTML5,你需要添加更多代碼來讓他們正確工作。但是這個代碼還是比embed和object來的簡單的多。
第八大原因:Doctype
沒錯,就是doctype,沒有更多內(nèi)容了。是不是非常簡答?不需要拷貝粘貼一堆無法理解的代碼,也沒有多余的head標簽。最大的好消息在于,除了簡單,它能在每一個瀏覽器中正常工作即使是名聲狼藉的IE6。
第七大原因:更清晰的代碼
如果你對于簡答,優(yōu)雅,容易閱讀的代碼有所偏好的話,HTML5絕對是一個為你量身定做的東西。HTML5允許你寫出簡單清晰富于描述的代碼。符合語義學(xué)的代碼允許你分開樣式和內(nèi)容??纯催@個典型的簡單擁有導(dǎo)航的heaer代碼:div id="header" h1Header Text/h1 div id="nav" ul lia href="#"Link/a/li lia href="#"Link/a/li lia href="#"Link/a/li /ul /div/div是不是很簡單?但是使用HTML5后會使得代碼更加簡單并且富有含義:header h1Header Text/h1 nav ul lia href="#"Link/a/li lia href="#"Link/a/li lia href="#"Link/a/li /ul /nav/header
使用HTML5你可以通過使用語義學(xué)的HTML header標簽描述內(nèi)容來最后解決你的div及其class定義問題。 以前你需要大量的使用div來定義每一個頁面內(nèi)容區(qū)域,但是使用新的section,article,header,footer,aside和nav標簽,需要你讓你的代碼更加清晰易于閱讀。
第六大原因:更聰明的存儲
HTML5中最酷的特性就是本地存儲。有一點像比較老的技術(shù)cookie和客戶端數(shù)據(jù)庫的融合。它比cooke更好用因為支持多個windows存儲,它擁有更好的安全和性能,即使瀏覽器關(guān)閉后也可以保存。
因為它是個客戶端的數(shù)據(jù)庫,你不用擔心用戶刪除任何cookie,并且所有主流瀏覽器都支持。
本地存儲對于很多情況來說都不錯, 它是HTML5工具中一個不需要第三方插件實現(xiàn)的。能夠保存數(shù)據(jù)到用戶的瀏覽器中意味你可以簡單的創(chuàng)建一些應(yīng)用特性例如:保存用戶信息,緩存數(shù)據(jù),加載用戶上一次的應(yīng)用狀態(tài)。
第五大原因:更好的互動
我們都喜歡更好的互動,我們都喜歡對于用戶有反饋的動態(tài)網(wǎng)站,用戶可以享受互動的過程。輸入canvas,HTML5的畫圖標簽允許你做更多的互動和動畫,就像我們使用Flash達到的效果。
除了canvas,HTML5同樣也擁有很多API允許你創(chuàng)建更加好的用戶體驗并且更加動態(tài)的web應(yīng)用程序。 這里有一個列表:
Drag and Drop (DnD)
Offline storage database
Browser history management
document editing
Timed media playback
第四大原因:游戲開發(fā)
沒錯, 你可以使用HTML5的canvas開發(fā)游戲。HTML5提供了一個非常偉大的,移動友好的方式去開發(fā)有趣互動的游戲。如果你開發(fā)Flash游戲,你就會喜歡上HTML5的游戲開發(fā)。
Script-tutorials目前提供了4個不部分的HTML5游戲開發(fā)教程,這里看看他們開發(fā)的有趣游戲:
HTML5 Gaming Development Lesson One
HTML5 Gaming Development Lesson Two
HTML5 Gaming Development Lesson Three
HTML5 Gaming Development Lesson Four
第三大原因: 遺留及其跨瀏覽器支持
你的現(xiàn)代流行瀏覽器都支持HTML5(Chrome,F(xiàn)irefox,Safari,IE9和Opera),并且創(chuàng)建了HTML5 doctype這樣所有的瀏覽器,即使非常老非常令人厭惡瀏覽器像IE6都可以使用。但是因為老的瀏覽器能夠識別doctype并不意味它可以處理HTML5標簽和功能。幸運的是,HTML5已經(jīng)使得開發(fā)更加簡單了,更多支持更多瀏覽器,這樣老的IE瀏覽器可以通過添加javascript代碼來使用新的元素:
!--[if lt IE 9] script src=""/script![endif]--
第二大原因: 移動,移動還是移動
你可以稱之為“直覺”,但是我認為移動技術(shù)將會變得更加的流行。我知道,這里有些非常瘋狂的猜測,有些可能你也想到了 – Mobile是一個時尚!移動設(shè)備將占領(lǐng)世界。更多的接受移動設(shè)備將會增長的非常迅速。這意味著更多的用戶會選擇使用移動設(shè)備訪問網(wǎng)站或者web應(yīng)用。HTML5是最移動化的開發(fā)工具。隨著Adobe宣布放棄移動flash開發(fā),你將會考慮使用HTML5來開發(fā)webp應(yīng)用。當手機瀏覽器完全支持HTML5那么開發(fā)移動項目將會和設(shè)計更小的觸摸顯示一樣簡單。這里有很多的meta標簽允許你優(yōu)化移動:viewport: 允許你定義viewport寬度和縮放設(shè)置;全屏瀏覽器: ISO指定的數(shù)值允許Apple設(shè)備全屏模式顯示;Home screen icons: 就像桌面收藏,這些圖標可以用來添加收藏到IOS和Android移動設(shè)備的首頁。
第一大原因: 它是未來,開始用吧!
最大的原因今天你就開始使用HTML5是因為它是未來,不要掉隊了!HTML5不會往每個方向發(fā)展,但是更多的元素已經(jīng)被很多公司采用,并且開始著手開發(fā)。HTML5其實更像HTML,它不是一個新的技術(shù)需要你重新學(xué)習(xí)!如果你開發(fā)XHTML strict的話你現(xiàn)在就已經(jīng)在開發(fā)HTML5了。為什么不更完整的享受HTML5的功能呢?
你實際上沒有任何借口不接受HTML5。事實上我唯一一個原因使用HTML5是因為它書寫代碼簡單清晰。其它的特性其實我也沒有真正使用。你可以考慮現(xiàn)在開始使用HTML5書寫代碼,它能幫助你改變書寫代碼的方式及其設(shè)計方式。開始用HTML5代碼編寫web應(yīng)用吧,說不定下一個移動應(yīng)用或者游戲應(yīng)用就是用HTML5開發(fā)的!
很好用啊。下面列舉一下優(yōu)點吧:
第一大原因: 它是未來,開始用吧!
最大的原因今天你就開始使用HTML5是因為它是未來,不要掉隊了!HTML5不會往每個方向發(fā)展,但是更多的元素已經(jīng)被很多公司采用,并且開始著手開發(fā)。HTML5其實更像HTML,它不是一個新的技術(shù)需要你重新學(xué)習(xí)!如果你開發(fā)XHTML strict的話你現(xiàn)在就已經(jīng)在開發(fā)HTML5了。為什么不更完整的享受HTML5的功能呢?
你實際上沒有任何借口不接受HTML5。事實上我唯一一個原因使用HTML5是因為它書寫代碼簡單清晰。其它的特性其實我也沒有真正使用。你可以考慮現(xiàn)在開始使用HTML5書寫代碼,它能幫助你改變書寫代碼的方式及其設(shè)計方式。開始用HTML5代碼編寫web應(yīng)用吧,說不定下一個移動應(yīng)用或者游戲應(yīng)用就是用HTML5開發(fā)的!
第二大原因: 移動,移動還是移動
你可以稱之為“直覺”,但是我認為移動技術(shù)將會變得更加的流行。我知道,這里有些非常瘋狂的猜測,有些可能你也想到了– Mobile是一個時尚!移動設(shè)備將占領(lǐng)世界。更多的接受移動設(shè)備將會增長的非常迅速。這意味著更多的用戶會選擇使用移動設(shè)備訪問網(wǎng)站或者web應(yīng)用。HTML5是最移動化的開發(fā)工具。隨著Adobe宣布放棄移動flash開發(fā),你將會考慮使用HTML5來開發(fā)webp應(yīng)用。當手機瀏覽器完全支持HTML5那么開發(fā)移動項目將會和設(shè)計更小的觸摸顯示一樣簡單。這里有很多的meta標簽允許你優(yōu)化移動:viewport: 允許你定義viewport寬度和縮放設(shè)置;全屏瀏覽器: ISO指定的數(shù)值允許Apple設(shè)備全屏模式顯示;Home screen icons: 就像桌面收藏,這些圖標可以用來添加收藏到IOS和Android移動設(shè)備的首頁。
第三大原因:遺留及其跨瀏覽器支持
你的現(xiàn)代流行瀏覽器都支持HTML5(Chrome,F(xiàn)irefox,Safari,IE9和Opera),并且創(chuàng)建了HTML5 doctype這樣所有的瀏覽器,即使非常老非常令人厭惡瀏覽器像IE6都可以使用。但是因為老的瀏覽器能夠識別doctype并不意味它可以處理HTML5標簽和功能。幸運的是,HTML5已經(jīng)使得開發(fā)更加簡單了,更多支持更多瀏覽器,這樣老的IE瀏覽器可以通過添加javascript代碼來使用新的元素:
!--[iflt IE 9] script src=""/script![endif]--
第四大原因:游戲開發(fā)
沒錯, 你可以使用HTML5的canvas開發(fā)游戲。HTML5提供了一個非常偉大的,移動友好的方式去開發(fā)有趣互動的游戲。如果你開發(fā)Flash游戲,你就會喜歡上HTML5的游戲開發(fā)。
Script-tutorials目前提供了4個不部分的HTML5游戲開發(fā)教程,這里看看他們開發(fā)的有趣游戲:
HTML5 Gaming Development Lesson One
HTML5 Gaming Development Lesson Two
HTML5 Gaming Development Lesson Three
HTML5 Gaming Development Lesson Four
第五大原因:更好的互動
我們都喜歡更好的互動,我們都喜歡對于用戶有反饋的動態(tài)網(wǎng)站,用戶可以享受互動的過程。輸入canvas,HTML5的畫圖標簽允許你做更多的互動和動畫,就像我們使用Flash達到的效果。
除了canvas,HTML5同樣也擁有很多API允許你創(chuàng)建更加好的用戶體驗并且更加動態(tài)的web應(yīng)用程序。 這里有一個列表:
Drag and Drop (DnD)
Offline storage database
Browser history management
document editing
Timed media playback
第六大原因:更聰明的存儲
HTML5中最酷的特性就是本地存儲。有一點像比較老的技術(shù)cookie和客戶端數(shù)據(jù)庫的融合。它比cooke更好用因為支持多個windows存儲,它擁有更好的安全和性能,即使瀏覽器關(guān)閉后也可以保存。
因為它是個客戶端的數(shù)據(jù)庫,你不用擔心用戶刪除任何cookie,并且所有主流瀏覽器都支持。
本地存儲對于很多情況來說都不錯,它是HTML5工具中一個不需要第三方插件實現(xiàn)的。能夠保存數(shù)據(jù)到用戶的瀏覽器中意味你可以簡單的創(chuàng)建一些應(yīng)用特性例如:保存用戶信息,緩存數(shù)據(jù),加載用戶上一次的應(yīng)用狀態(tài)。
第七大原因:更清晰的代碼
如果你對于簡答,優(yōu)雅,容易閱讀的代碼有所偏好的話,HTML5絕對是一個為你量身定做的東西。HTML5允許你寫出簡單清晰富于描述的代碼。符合語義學(xué)的代碼允許你分開樣式和內(nèi)容??纯催@個典型的簡單擁有導(dǎo)航的heaer代碼:div id="header"h1Header Text/h1 div id="nav" ul liahref="#"Link/a/li liahref="#"Link/a/li liahref="#"Link/a/li /ul/div/div是不是很簡單?但是使用HTML5后會使得代碼更加簡單并且富有含義:header h1Header Text/h1 nav ul liahref="#"Link/a/li liahref="#"Link/a/li liahref="#"Link/a/li /ul/nav/header
使用HTML5你可以通過使用語義學(xué)的HTML header標簽描述內(nèi)容來最后解決你的div及其class定義問題。 以前你需要大量的使用div來定義每一個頁面內(nèi)容區(qū)域,但是使用新的section,article,header,footer,aside和nav標簽,需要你讓你的代碼更加清晰易于閱讀。
第八大原因:Doctype
沒錯,就是doctype,沒有更多內(nèi)容了。是不是非常簡答?不需要拷貝粘貼一堆無法理解的代碼,也沒有多余的head標簽。最大的好消息在于,除了簡單,它能在每一個瀏覽器中正常工作即使是名聲狼藉的IE6。
第九大原因:視頻和音頻支持
忘了flash和其它第三方應(yīng)用吧,讓你的視頻和音頻通過HTML5標簽video和audio來訪問資源。正確播放媒體一直都是一個非??膳碌氖虑椋阈枰褂胑mbed和object標簽,并且為了它們能正確播放必須賦予一大堆的參數(shù)。你的媒體標簽將會非常復(fù)雜,大堆得令人迷惑的代碼。而且HTML5視頻和音頻標簽基本將他們視為圖片:video src=”"/。但是其它參數(shù)例如寬度和高度或者自動播放呢?不必擔心,只需要像其它HTML標簽一樣定義:video src=”url”width=”640px” height=”380px” autoplay/。
實際上這個過程非常簡單,然而我們的老瀏覽器可能并不喜歡我們的HTML5,你需要添加更多代碼來讓他們正確工作。但是這個代碼還是比embed和object來的簡單的多。
第十大原因:易用性
倆個原因使得使用HTML5創(chuàng)建網(wǎng)站更加簡單:語義上及其ARIA。新的HTML標簽像header, footer,nav,section, aside等等,使得閱讀者更加容易去訪問內(nèi)容。在以前,即使你定義了class或者ID你的閱讀者也沒有辦法去了解給出的一個div究竟是什么。使用新的語義學(xué)的定義標簽,你可以更好的了解HTML文檔,并且創(chuàng)建一個更好的使用體驗。
ARIA是一個W3C的標準主要用來對HTML文章中的元素指定“角色“,通過角色屬性來創(chuàng)建重要的頁面地形例如,header,footer,navigation或者aritcle很有必要。這一點曾經(jīng)被忽略掉了并且沒有被廣泛使用,因為事實上并不驗證。然而,HTML5將會驗證這樣屬性。同時,HTML5將會內(nèi)建這些角色并且無法不覆蓋。
TML5是什么?
HTML5是指第5代HTML(超文本標記語言),也指用HTML5語言制作的一切數(shù)字產(chǎn)品。
網(wǎng)上的網(wǎng)頁,多數(shù)都是由HTML寫成的。
“超文本”是指頁面內(nèi)可以包含圖片、鏈接,甚至音樂、程序等非文字元素。
而“標記”指的是這些超文本必須由包含屬性的開頭與結(jié)尾標志來標記。
瀏覽器通過解碼HTML,就可以把網(wǎng)頁內(nèi)容顯示出來。
下圖中就很清晰的指出了H5的涵蓋范圍:
HTML5之所以能引發(fā)如此廣泛的效應(yīng),根本在于它不再只是一種標記語言,它為下一代互聯(lián)網(wǎng)提供了全新的框架和平臺,包括提供免插件的音視頻、圖像動畫、本體存儲以及更多酷炫而且重要的功能,并使這些應(yīng)用標準化和開放化,從而使互聯(lián)網(wǎng)也能夠輕松實現(xiàn)類似桌面的應(yīng)用體驗。
隨著HTML5技術(shù)日趨成熟,越來越多的行業(yè)巨頭也正不斷向HTML5示好,在未來幾年,HTML5將會以更多的形式滲透到我們生活中的方方面面,因此更多的從業(yè)者開始關(guān)注HTML5開發(fā)行業(yè),選擇學(xué)習(xí)HTML5的人也越來越多,企業(yè)也更加重視HTML5開發(fā)人員,究竟為什么呢?今天我們就來看一看為什么HTML5學(xué)習(xí)開發(fā)如此受歡迎。
1、基于HTML5強大的兼容性,因為HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口,使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連,例如視頻影音可直接與microphones及攝像頭相聯(lián),就因為這種強大的兼容性,使得在當下開發(fā)界是如此的火,同樣也是因為這強大的兼容性,使得手機應(yīng)用軟件,app更適合,也更方便。所以更適合手機app軟件開發(fā),正好補充了手機小巧的不足。
2、HTML5 開發(fā)支持的手機系統(tǒng)有android、ios。
3、HTML5其突出的特點就是強化了web頁的表現(xiàn)性,追加了本地數(shù)據(jù)庫,可以用作離線應(yīng)用的開發(fā),離線應(yīng)用就是把需要的資源先緩存到本地,下次再查看時無需聯(lián)網(wǎng)。
4、HTML5 開發(fā),能提供更快、更簡便的服務(wù),代碼可高度重用,服務(wù)發(fā)布方便。
5、動畫、游戲動態(tài)效果,地理定位等很多app應(yīng)用正在崛起,而HTML5技術(shù)的強大優(yōu)勢就是這種讓我們驚嘆的效果。而未來采用HTML5開發(fā)app的,將會大量減少代碼量,應(yīng)用軟件也會得到更高的用戶體驗,更好的視覺效果。
html5前端開發(fā)的優(yōu)勢:
1、擺脫對平臺的依賴
HTML5可以讓你擺脫對平臺的依賴,用戶打開瀏覽器,直接就可以訪問你的應(yīng)用,而不需要經(jīng)過各種Store的審核。
2、實時更新
實時更新,通常平臺的審核都需要七個工作日左右的時間,如果你發(fā)布之后發(fā)現(xiàn)問題怎么辦?Web方式就不存在這種問題。
3、離線使用
用戶可以離線使用,更新下載量及少,可以全部更新,也可以選擇替換部分文件。
4、代碼更安全安全
使用HTML5,代碼更安全安全。眾所周知Web應(yīng)用有一個很大的問題就是代碼安全的問題,但現(xiàn)在HTML5可以將Web代碼全部加密,本地應(yīng)用解密后再運行,大大的提供了代碼的安全性。
5、跨平臺
HTML5可以做到跨平臺,多數(shù)核心代碼不用重寫,Javascript的代碼用得好的話,在許多地方都可以用到,包括移動應(yīng)用、移動網(wǎng)站、PC網(wǎng)站、各種瀏覽器插件,甚至可以用WebKit封裝作為跨平臺的應(yīng)用程序。誠然,這種方式并非完全跨平臺,但這樣也足以減少很多工作量了,特別是后期的維護。
6、可以充分利用Native
HTML5可以通過瀏覽器作為中介充分利用Native的好處,比如說可以使用GPS、照相機、本地相冊、讀取本地聯(lián)系人,也可以使用推送功能等,最重要的是,某些Web無法實現(xiàn)的功能,我們可以利用Native來實現(xiàn)。
html5是對html的第五次重大修改。html5繼承了html所有的語法,所以html5與html的差異是以下這些html5的新特性:
1、語義特性
HTML5賦予網(wǎng)頁更好的意義和結(jié)構(gòu)。更加豐富的標簽將隨著對RDFa的,微數(shù)據(jù)與微格式等方面的支持,構(gòu)建對程序、對用戶都更有價值的數(shù)據(jù)驅(qū)動的Web。
2、本地存儲特性
基于HTML5開發(fā)的網(wǎng)頁APP擁有更短的啟動時間,更快的聯(lián)網(wǎng)速度,這些全得益于HTML5 APP Cache,以及本地存儲功能。
3、設(shè)備兼容特性
從Geolocation功能的API文檔公開以來,HTML5為網(wǎng)頁應(yīng)用開發(fā)者們提供了更多功能上的優(yōu)化選擇,帶來了更多體驗功能的優(yōu)勢。HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口。使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連,例如視頻影音可直接與microphones及攝像頭相聯(lián)。
4、連接特性
更有效的連接工作效率,使得基于頁面的實時聊天,更快速的網(wǎng)頁游戲體驗,更優(yōu)化的在線交流得到了實現(xiàn)。HTML5擁有更有效的服務(wù)器推送技術(shù),Server-Sent Event和WebSockets就是其中的兩個特性,這兩個特性能夠幫助我們實現(xiàn)服務(wù)器將數(shù)據(jù)推送到客戶端的功能。
5、網(wǎng)頁多媒體特性
支持網(wǎng)頁端的Audio、Video等多媒體功能, 與網(wǎng)站自帶的APPS,攝像頭,影音功能相得益彰。
6、三維、圖形及特效特性
基于SVG、Canvas、WebGL及CSS3的3D功能,用戶會驚嘆于在瀏覽器中,所呈現(xiàn)的驚人視覺效果。
7、性能與集成特性
沒有用戶會永遠等待你的Loading。HTML5會通過XMLHttpRequest2等技術(shù),解決以前的跨域等問題,幫助您的Web應(yīng)用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。
8、CSS3特性
在不犧牲性能和語義結(jié)構(gòu)的前提下,CSS3中提供了更多的風(fēng)格和更強的效果。此外,較之以前的Web排版,Web的開放字體格式也提供了更高的靈活性和控制性。
擴展資料:
HTML5的優(yōu)勢:
1、提高可用性和改進用戶的友好體驗。
2、有幾個新的標簽,這將有助開發(fā)人員定義重要的內(nèi)容。
3、可以給站點帶來更多的多媒體元素(視頻和音頻)。
4、可以很好的替代FLASH和Silverlight。
5、當涉及到網(wǎng)站的抓取和索引的時候,對于SEO很友好。
6、將被大量應(yīng)用于移動應(yīng)用程序和游戲。
參考資料來源:百度百科-html5