關於HTML5基礎

什麼是HTML5?  

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的需求,而且提供更多能有效加強網絡應用的標準集。 html


HTML5的特性

   A. 語義特性(Class:Semantic)

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

   B. 本地存儲特性(Class: OFFLINE & STORAGE)

  基於HTML5開發的網頁APP擁有更短的啓動時間,更快的聯網速度,這些全得益於HTML5 APP Cache,以及本地存儲功能。Indexed DB(html5本地存儲最重要的技術之一) 和API說明文檔。

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

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

   D. 鏈接特性(Class: CONNECTIVITY)

  更有效的鏈接工做效率,使得基於頁面的實時聊天,更快速的網頁遊戲體驗,更優化的在線交流獲得了實現。HTML5擁有更有效的服務器推送技 術,Server-Sent Event和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中提供了更多的風格和更強的效果。此外,較之之前的Web排版,Web的開放字體格式(WOFF)也提供了更高的靈活性和控制性。 html5


HTML4和HTML5的十大關鍵區別?


     1.HTML5標準還在制定中 數據庫

   首先要注意的是,HTML5雖然如今很火,可是HTML5標準還在制定中,標準仍在改變。HTML4已經10多年了,不會有任何改變了。 canvas

  2.簡化的語法 瀏覽器

  HTML5簡化了不少細微的語法,例如doctype的聲明,你只須要寫<!doctype html>就好了。HTML5與HTML5,XHTML1兼容,可是與SGML不兼容。 服務器

  3.<canvas>標籤替代Flash 網絡

 Flash給不少Web開發者帶來了麻煩,要在網頁上播放Flash須要一堆代碼和插件。<canvas>標籤使得開發者只要使用一個標籤 就能和用戶產生UI交互。雖然目前<canvas>標籤還不能實現Flash的全部功能,可是很快<canvas>就會讓 Flash看起來老土,哈哈! app

  4.新增<header>和<footer>標籤 ide

  HTML5設計的一個原則是更好的體現網站的語義性,因此增長了<header>和<footer>這樣的標籤,用來明確表示網頁的結構。 工具

  5.新增<section>和<article>標籤

  與<header>,<footer>相似,<section>和<article>也有利於清晰化網頁的結構,更有利於SEO。

  6.新增<menu>和<figure>標籤

  <menu>能夠被用於建立傳統的菜單,也能夠用於工具欄和上下文菜單。<figure>標籤使得網頁文字和圖片的排版更專業。

  7.新增<audio>和<video>標籤

  這兩個標籤多是HTML5裏面最有用的兩個標籤了。顧名思義,這兩個標籤是用來播放音頻和視頻的。

  8.全新的表單

  HTML5對<form>和<forminput>標籤進行了大量修改,添加了不少新的屬性,也修改了不少屬性。

  9.刪除<b>和<font>標籤

  這個改進我還沒法理解。我不認爲刪除這兩個標籤對代碼的改進有很大的幫助。官方的解釋是應該用CSS來替代這兩個標籤。但我仍是以爲對於簡單的文本,這兩個標籤仍是很方便的。

  10.刪除<frame>,<center>,<big>標籤

 以上十點只是HTML5和HTML4差異的很小一部分,最新最全的HTML5-HTML4對比信息請看: http://dev.w3.org/html5/html4-differences/
相關文章
相關標籤/搜索