1. 程式人生 > >好程式設計師前端分享HTML5 發展史

好程式設計師前端分享HTML5 發展史

  好程式設計師前端分享HTML5發展史,HTML5草案的前身名為WebApplications1.0,於2004年被WHATWG提出,於2007年被W3C接納,併成立了新的HTML工作團隊。

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

  2012年12月17日,全球資訊網聯盟(W3C)正式宣佈凝結了大量網路工作者心血的HTML5規範已經正式定稿。根據W3C的發言稿稱:“HTML5是開放的Web網路平臺的奠基石。”

  2013年5月6日,HTML5.1正式草案公佈。該規範定義了第五次重大版本,第一次要修訂全球資訊網的核心語言:超文字標記語言(HTML)。在這個版本中,新功能不斷推出,以幫助Web應用程式的作者,努力提高新元素互操作性。

  本次草案的釋出,從2012年12月27日至今,進行了多達近百項的修改,包括HTML和XHTML的標籤,相關的API、Canvas等,同時HTML5的影象img標籤及svg也進行了改進,效能得到進一步提升。

  HTML5的瀏覽器相容

  支援Html5的瀏覽器包括Firefox(火狐瀏覽器),IE9及其更高版本,Chrome(谷歌瀏覽器),Safari,Opera等;國內的遨遊瀏覽器(Maxthon),以及基於IE或Chromium(Chrome的工程版或稱實驗版)所推出的360瀏覽器、搜狗瀏覽器、QQ瀏覽器、獵豹瀏覽器等國產瀏覽器同樣具備支援HTML5的能力。

  HTML5語法

  內容型別(ContentType)HTML5的檔案擴充套件符與內容型別保持不變,仍然為".html"或".htm"。DOCTYPE宣告不區分大小寫指定字符集編碼metacharset="UTF-8"可省略標記的元素不允許寫結束標記的元素:br、col、embed、hr、img、input、、link、meta

  可以省略結束標記的元素:li、dt、dd、p、option、colgroup、thead、tbody、tfoot、tr、td、th 

  可以省略全部標記的元素:html、head、body、colgroup、tbody省略引號屬性值可以使用雙引號,也可以使用單引號。

  HTML5新增語義化標籤

  section元素表示頁面中的一個內容區塊

  article元素表示一塊與上下文無關的獨立的內容

  aside元素在article之外的,與article內容相關的輔助資訊 

  header元素表示頁面中一個內容區塊或整個頁面的標題

  footer元素表示頁面中一個內容區塊或整個頁面的腳註

  nav元素表示頁面中導航連結部分

  figure元素表示一段獨立的流內容,使用figcaption元素為其新增標題(第一個或最後一個子元素的位置)

  main元素表示頁面中的主要的內容(ie不相容)

  相容低版本瀏覽器:<scriptsrc=“html5.js”></script>

  Video和audio的應用

  video元素定義視訊<videosrc="movie.ogg"controls="controls">Video元素</video>audio元素定義音訊<audiosrc="someaduio.wav">Audio元素</audio> 

  controls屬性:如果出現該屬性,則向用戶顯示控制元件,比如播放按鈕。

  autoplay屬性:如果出現該屬性,則視訊在就緒後馬上播放。

  loop屬性:重複播放屬性。

  muted屬性:靜音屬性。

  poster屬性:規定視訊正在下載時顯示的影象,直到使用者