網頁美工設計

網頁設計HTML5基礎知識和特性

編輯：時間：2014-12-23 09:17:11

　　HTML5是用于取代1999年所制定的HTML4.01和XHTML1.0標準的HTML標準版本，現在仍處于發展階段，但大部分瀏覽器已經支持某些HTML5技術。HTML5有兩大特點：首先，強化了Web網頁的表現性能。其次，追加了本地數據庫等Web應用的功能。廣義論及HTML5時，實際指的是包括HTML、CSS和JavaScript在內的一套技術組合。它希望能夠減少瀏覽器對于需要插件的豐富性網絡應用服務（plug-in-basedrichinternetapplication，RIA)，如AdobeFlash、MicrosoftSilverlight，與OracleJavaFX的需求，并且提供更多能有效增強網絡應用的標準集。

　　Html5特性

　　A.語義特性（Class：Semantic）

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

　　B.本地存儲特性（Class:OFFLINE&STORAGE）

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

　　C.設備兼容特性(Class:DEVICEACCESS)

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

　　D.連接特性（Class:CONNECTIVITY）

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

　　E.網頁多媒體特性(Class:MULTIMEDIA)

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

　　F.三維、圖形及特效特性（Class:3D,Graphics&Effects）

　　基于SVG、Canvas、WebGL及CSS3的3D功能，用戶會驚嘆于在瀏覽器中，所呈現的驚人視覺效果。

　　G.性能與集成特性（Class:Performance&Integration）

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

　　H.CSS3特性(Class:CSS3)

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

　　HTML5重要標記

　　程序接口

　　除了原先的DOM接口，HTML5增加了更多API,如：

　　1．用于即時2D繪圖的Canvas標簽

　　2．定時媒體回放

　　3．離線數據庫存儲

　　4．文檔編輯

　　5．拖拽控制

　　6．瀏覽歷史管理

　　元素變化

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

　　元素的新屬性：日期和時間，email,url。

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

　　全域屬性：id,tabindex,repeat。

　　移除元素：center,font,strike。

　　異常處理

　　HTML5(text/html)瀏覽器將在錯誤語法的處理上更加靈活。HTML5在設計時保證舊的瀏覽器能夠安全的忽略掉新的HTML5代碼。與HTML4.01相比，HTML5給出了解析的詳細規則，力圖讓不同的瀏覽器即使在發生語法錯誤時也能返回相同的結果。

　　HTML5可以提供:

　　1.提高可用性和改進用戶的友好體驗;

　　2.有幾個新的標簽，這將有助于開發人員定義重要的內容；

　　3.可以給站點帶來更多的多媒體元素(視頻和音頻)；

　　4.可以很好的替代FLASH和Silverlight；

　　5.當涉及到網站的抓取和索引的時候，對于SEO很友好；

　　6.將被大量應用于移動應用程序和游戲。

　　因此，我們可以說HTML5有一天將是WEB更加的美好，但是有一天并不是現在。我們不能不提到重要的一點：迄今為止，并沒有什么流行的瀏覽器可以完全的支持所HTML5規范的所有功能。需要明確的是，今天的主流瀏覽器都將趨于支持HTML5，但是仍存在許多不完全的支持或兼容。

　　谷歌和HTML5

　　2010年5月22日，谷歌創建了一個涂鴉來紀念PacMan的視頻游戲。這個涂鴉是一個動畫，同時也是一個可以玩的PacMan的游戲。這個涂鴉就是谷歌通過使用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的天下。

<< 上一篇：鄭州網頁設計培訓哪家好呢

>> 下一篇：鄭州網頁設計培訓班哪家好

推薦資訊