HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 標準的 HTML 標準版本,現在仍處于發展階段,但大部分瀏覽器已經支持某些 HTML5 技術。HTML 5有兩大特點:首先,強化了 Web 網頁的表現性能。其次,追加了本地數據庫等 Web 應用的功能。廣義論及HTML5時,實際指的是包括HTML、CSS和JavaScript在內的一套技術組合。它希望能夠減少瀏覽器對于需要插件的豐富性網絡應用服務(plug-in-based rich internet application,RIA),如Adobe Flash、Microsoft Silverlight,與Oracle JavaFX的需求,并且提供更多能有效增強網絡應用的標準集。
支持的瀏覽器包括Firefox,IE9,Chrome,Safari等。
HTML5提供了一些新的元素和屬性,例如<nav>(網站導航塊)和<footer>。這種標簽將有利于搜索引擎的索引整理,同時更好的幫助小屏幕裝置和視障人士使用,除此之外,還為其他瀏覽要素提供了新的功能,如<audio>和<video>標記。
1.取消了一些過時的HTML4標記
其中包括純粹顯示效果的標記,如<font>和<center>,它們已經被CSS取代。
HTML5 吸取了XHTML2 一些建議,包括一些用來改善文檔結構的功能,比如,新的HTML 標簽 header, footer, dialog, aside, figure 等的使用,將使內容創作者更加語義地創建文檔,之前的開發者在實現這些功能時一般都是使用div。
2.將內容和展示分離
b 和 i 標簽依然保留,但它們的意義已經和之前有所不同,這些標簽的意義只是為了將一段文字標識出來,而不是為了為它們設置粗體或斜體式樣。u,font,center,strike 這些標簽則被完全去掉了。
3.一些全新的表單輸入對象
包括日期,URL,Email 地址,其它的對象則增加了對非拉丁字符的支持。HTML5 還引入了微數據,這一使用機器可以識別的標簽標注內容的方法,使語義Web 的處理更為簡單??偟膩碚f,這些與結構有關的改進使內容創建者可以創建更干凈,更容易管理的網頁,這樣的網頁對搜索引擎,對讀屏軟件等更為友好。
4.全新的,更合理的Tag 多媒體對象將不再全部綁定在 object 或 embed Tag 中,而是視頻有視頻的Tag,音頻有音頻的 Tag。
5.本地數據庫
這個功能將內嵌一個本地的SQL 數據庫,以加速交互式搜索,緩存以及索引功能。同時,那些離線Web 程序也將因此獲益匪淺。不需要插件的富動畫。
6.Canvas 對象
將給瀏覽器帶來直接在上面繪制矢量圖的能力,這意味著用戶可以脫離Flash 和Silverlight,直接在瀏覽器中顯示圖形或動畫。
7.瀏覽器中的真正程序
將提供 API 實現瀏覽器內的編輯,拖放,以及各種圖形用戶界面的能力。內容修飾Tag 將被剔除,而使用CSS。
8.Html5取代Flash在移動設備的地位。
除了原先的DOM接口,HTML5增加了更多API,如:
1. 用于即時2D繪圖的Canvas標簽
2. 定時媒體回放
3. 離線數據庫存儲
4. 文檔編輯
5. 拖拽控制
6. 瀏覽歷史管理
HTML5的優勢
HTML5可以提供
在用戶的可用性和友好體驗上帶來一些改進
有幾個新的標簽,這將有主開發人員定義重要的內容
可以給站點帶來更多的多媒體元素(視頻和音頻)
可以很好的替代FLASH和Silverlight
當涉及到網站的抓取和索引的時候,對于SEO很友好
將被大量用戶移動應用程序和游戲
因此,我們可以說HTML5有一天將是WEB更加的美好,但是有一天并不是現在。我們不能不提到重要的一點:迄今為止,并沒有什么流行的瀏覽器可以完 全的支持所HTML5規范的所有功能。需要明確的是,今天的主流瀏覽器都將趨于支持HTML5,但是仍存在許多不完全的支持或兼容。
谷歌和HTML5
2010年5月22日,谷歌創建了一個涂鴉來紀念Pac Man的視頻游戲。這個涂鴉是一個動畫,同時也是一個可以玩的Pac Man的游戲。這個涂鴉就是谷歌通過使用HTML5標準制作的,當然谷歌也提供一個FLASH版本來支持不兼容HTML5的瀏覽器。我敢打賭,這是大多數 互聯網網民第一次和HTML5的接觸。對于個人來說,這是一個興奮的消息。以我的觀點,這個涂鴉提供了一個機會可以窺視未來互聯網、網頁、移動應用軟件和 游戲等發展趨勢。對于搜索引擎優化,他開辟了我更多的想象,它讓我思考HTML5在SEO領域的潛力。網站轉移到HTML5標準對于SEO有什么優勢?
HTML5與SEO
一:使搜索引擎更加容易抓去和索引
對于一些網站,特別是那些嚴重依賴于FLASH的網站HTML5是一個大福音。如果你有一個都是FLASH的站點,你就一定會看到切換到HTML5的 好處。首先,搜索引擎的蜘蛛將能夠抓去你的站點和索引你的內容。所有嵌入到動畫中的內容將全部可以被搜索引擎讀取。在搜索引擎優化的基本理論中,這一方面 將會驅動你的網站獲得更多的右擊流量。
二:提供更多的功能,提高用戶的友好體驗
使用HTML5的另一個好處就是它可以增加更多的功能。對于HTML5的功能性問題,我們可以從全球幾個主流站點對它的青睞就可以看出。社交網絡大亨 Facebook已經推出他們期待已久的基于HTML5的iPad應用平臺,潘多拉最近也推出他們基于HTML5的音樂播放器的新版本。游戲平臺 Zynga最近也在推出了三款新的在移動設備瀏覽器上運行的基于HTML5的游戲等等。每天都有不斷的基于HTML5的網站和HTML5特性的網站被推 出。保持站點處于新技術的前沿,也可以很好的提高用戶的友好體驗。
三:可用性的提高,提高用戶的友好體驗
最后我們可以從可用性的角度上看,HTML5可以更好的促進用戶于網站間的互動情況。多媒體網站可以獲得更多的改進,特別是在移動平臺上的應用,使用 HTML5可以提供更多高質量的視頻和音頻流。到目前位置,事實就是iPhone和iPad將不會支持FLASH,同時ADOBE公司也在近期公開聲明將 停止FLASH基于移動平臺的開發,現在我們已經可以這么說移動平臺日后視頻音頻是HTML5的天下。