好程式設計師前端分享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屬性:規定視訊正在下載時顯示的影象,直到使用者