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

好程式設計師IT發表於2019-05-05

  好程式設計師前端分享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屬性:規定影片正在下載時顯示的影像,直到使用者點選播放按鈕。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69913892/viewspace-2643306/,如需轉載,請註明出處,否則將追究法律責任。

相關文章