TML5是第五代HTML技術的簡稱，比方說一個網站擺在你面前，上面有文字、圖片、音頻、視頻等各種元素，HTML技術就是把這些元素組合在一起的技術?；诘?代HTML技術做出來的網站也叫HTML5網站，主要有以下特點：

1、跨平臺運行

HTML5網站能適應多種屏幕，自動調整布局，解決了傳統PC站對手機終端不友好的問題，還能搖身一變成為微站，為企業增加了流量入口。

2、站點有更多的多媒體元素

就像傳統幻燈片投影機到PPT普及，與傳統網站相比，HTML5頁面呈現的元素更加豐富，可以很好地替代flash和silverlight，給用戶帶來更多新意。

3、對搜索引擎友好

基于Flash的網站在搜索引擎上基本上是搜不到的，而搜索引擎的蜘蛛卻能抓取你的HTML5站點和索引你的內容。所有嵌入到動畫中的內容將全部可以被搜索引擎讀取，這將會驅動你的網站獲得更多的右擊流量。

4、統一后臺

HTML5網站只需要一個網址，就能實現各終端自適應，用戶只需購買一個域名和空間，就能做出PC+手機+微站三站合一的網站，只需一個管理后臺，大大節省建設和維護成本。

5、訪問速度快

“天下武功，唯快不破?！保斈阌檬謾C瀏覽器訪問一個pc端的商城，再訪問一個專門用H5生成的商城，你一定會發現H5網站的訪問速度完勝前者。因為HTML5技術能實現網站的預加載。

不久的將來，所有的網站都會升級成HTML5網站，人們不會再有換終端瀏覽網站需要安裝APP的煩惱，同時可以體驗更酷炫的網站效果，與更好玩的創意互動，網站管理者也只要有一個后臺系統就可以更新維護所有的展現平臺。

目前社會上普遍緊缺HTML5程序員，企業開發一個HTML5網站的時間都很長，開發成本也高。作為一款自助建站工具，建站寶盒完美解決了大部分企業的難題。制作周期短，建設成本低。操作簡單，千套模板一鍵切換，效果絕對不會讓你失望。電腦、手機、微信三站合一，可視化拖拽式操作，模塊添加一秒上手，不用請程序員，技術渣也能做。價格也相當吸引，僅需870元/年就能擁有讓人目瞪口呆的HTML5網站。購買地址：http://www.iisp.com/design/

更多建站&互聯網行業資訊，請關注微信公眾號：耐思尼克（iisp-com）

．HTML5是什么？

HTML5是HTML經過第五次重大修改，用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 標準的 HTML標準版本。

HTML標準自1999年12月發布的HTML4.01后，后繼的HTML5和其它標準被束之高閣，為了推動Web標準化運動的發展，一些公司聯合起來，成立了一個Web超文本應用技術工作組 （Web Hypertext Application Technology Working Group-WHATWG）的組織。WHATWG 致力于 Web 表單和應用程序，而W3C（World Wide Web Consortium，萬維網聯盟） 專注于XHTML2.0。在 2006 年，雙方決定進行合作，來創建一個新版本的 HTML。

HTML5草案的前身名為 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接納，并成立了新的 HTML 工作團隊。

HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍處于完善之中。然而，大部分現代瀏覽器已經具備了某些 HTML5 支持。

2012年12月17日，萬維網聯盟（W3C）正式宣布HTML5規范正式定稿。根據W3C的發言稿稱：“HTML5是開放的Web網絡平臺的奠基石?！?/p>

2013年5月6日， HTML 5.1正式草案公布。該規范定義了第五次重大版本，第一次要修訂萬維網的核心語言：超文本標記語言（HTML）。在這個版本中，新功能不斷推出，以幫助Web應用程序的作者，努力提高新元素互操作性。

2014年10月29日，萬維網聯盟宣布，經過近8年的艱辛努力，HTML5標準規范終于最終制定完成了，并公開發布。

2．HTML5的八大特點：

1）語義特性：HTML5賦予網頁更好的意義和結構。更加豐富的標簽將隨著對RDFa的，微數據與微格式等方面的支持，構建對程序、對用戶都更有價值的數據驅動的Web。

2）本地存儲特性：基于HTML5開發的網頁APP擁有更短的啟動時間，更快的聯網速度，這些全得益于HTML5 APP Cache，以及本地存儲功能。Indexed DB（html5本地存儲最重要的技術之一）和API說明文檔。

3）設備兼容特性：從Geolocation功能的API文檔公開以來，HTML5為網頁應用開發者們提供了更多功能上的優化選擇，帶來了更多體驗功能的優勢。HTML5提供了前所未有的數據與應用接入開放接口。使外部應用可以直接與瀏覽器內部的數據直接相連，例如視頻影音可直接與microphones及攝像頭相聯。

4）連接特性：更有效的連接工作效率，使得基于頁面的實時聊天，更快速的網頁游戲體驗，更優化的在線交流得到了實現。HTML5擁有更有效的服務器推送技術，Server-Sent Event和WebSockets就是其中的兩個特性，這兩個特性能夠幫助我們實現服務器將數據“推送”到客戶端的功能。

5）網頁多媒體特性：支持網頁端的Audio、Video等多媒體功能， 與網站自帶的APPS，攝像頭，影音功能相得益彰。

6）三維、圖形及特效特性：基于SVG、Canvas、WebGL及CSS3的3D功能，用戶會驚嘆于在瀏覽器中，所呈現的驚人視覺效果。

7）性能與集成特性：沒有用戶會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術，幫助您的Web應用和網站在多樣化的環境中更快速的工作。

8）CSS3特性：在不犧牲性能和語義結構的前提下，CSS3中提供了更多的風格和更強的效果。此外，較之以前的Web排版，Web的開放字體格式（WOFF）也提供了更高的靈活性和控制性。

希望這點東西能夠給你一點幫助吧！

、易用性及代碼簡潔性

HTML5賦予網頁更好的意義和結構。新的HTML標簽像<header>, <footer>，<nav>，<section>， <aside>等等，使得閱讀者更加容易去訪問內容。使用新的語義學的定義標簽，你可以更好的了解HTML文檔，并且創建一個更好的使用體驗。

ARIA是一個W3C的標準主要用來對HTML文章中的元素指定“角色“，通過角色屬性來創建重要的頁面地形例如,header，footer，navigation或者aritcle很有必要。這一點曾經被忽略掉了并且沒有被廣泛使用，因為事實上并不驗證。然而，HTML5將會驗證這樣屬性。同時，HTML5將會內建這些角色并且無法不覆蓋。

二、本地存儲特性

HTML5中最酷的特性就是本地存儲。有一點像比較老的技術cookie和客戶端數據庫的融合。它比cooke更好用因為支持多個windows存儲，它擁有更好的安全和性能，即使瀏覽器關閉后也可以保存。

因為它是個客戶端的數據庫，你不用擔心用戶刪除任何cookie，并且所有主流瀏覽器都支持。

本地存儲對于很多情況來說都不錯， 它是HTML5工具中一個不需要第三方插件實現的。能夠保存數據到用戶的瀏覽器中意味你可以簡單的創建一些應用特性例如：保存用戶信息，緩存數據，加載用戶上一次的應用狀態。如果你對本地存儲有興趣，你可以看看這些文章

三、設備兼容特性（跨瀏覽器）

從Geolocation功能的API文檔公開以來，HTML5為網頁應用開發者們提供了更多功能上的優化選擇，帶來了更多體驗功能的優勢

這里有很多的meta標簽允許你優化移動：

viewport: 允許你定義viewport寬度和縮放設置
全屏瀏覽器： ISO指定的數值允許Apple設備全屏模式顯示
Home screen icons: 就像桌面收藏，這些圖標可以用來添加收藏到IOS和Android移動設備的首頁

四、網頁媒體特性更好的支持音、視頻

支持網頁端的Audio、Video等多媒體功能；在發布HTML5之前你需要使用<embed>和<object>標簽，并且為了它們能正確播放必須賦予一大堆的參數。你的媒體標簽將會非常復雜，大堆得令人迷惑的代碼。而且HTML5視頻和音頻標簽基本將他們視為圖片：<video src=""/>。但是其它參數例如寬度和高度或者自動播放呢？不必擔心，只需要像其它HTML標簽一樣定義：<video src=”url” width=”640px” height=”380px” autoplay/>。

<video src="movie.ogg" controls="controls">

您的瀏覽器不支持 video 標簽。

</video>

五、三維、圖形及特效特性

基于SVG、Canvas、WebGL及CSS3的3D功能，用戶會驚嘆于在瀏覽器中，所呈現的驚人視覺效果，用戶使用<canvas>可以開發游戲。<canvas>元素本身不具備繪制能力，依靠腳本來完成

當然HTML5還有諸多特性，以上簡單的總結了一些。更多特效及用法參考w3school提供的手冊；現在網絡上HTML5相關的視頻教程數不勝數。極客還有慕課都是很不錯的

需要幫助可以關注公眾號：伙拼學習