好程式設計師前端分享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屬性:規定影片正在下載時顯示的影像,直到使用者點選播放按鈕。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69913892/viewspace-2643306/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 好程式設計師前端分享HTML5 智慧表單程式設計師前端HTML
- 好程式設計師HTML5前端培訓分享如何學好HTML5程式設計師HTML前端
- 好程式設計師web前端教程分享HTML5面試技巧程式設計師Web前端HTML面試
- 好程式設計師HTML5大前端分享學Web前端開發有哪些要求程式設計師HTML前端Web
- 好程式設計師HTML5大前端分享web前端面試題程式設計師HTML前端Web面試題
- 好程式設計師分享Web前端開發工具程式設計師Web前端
- 好程式設計師分享5G對web前端發展的影響程式設計師Web前端
- 好程式設計師Web前端分享前端CSS篇程式設計師Web前端CSS
- 好程式設計師Web前端教程分享JavaScript開發技巧程式設計師Web前端JavaScript
- 好程式設計師web前端分享HTML5 video事件應用示例程式設計師Web前端HTMLIDE事件
- 好程式設計師分享Web前端開發就業前景如何?程式設計師Web前端就業
- 好程式設計師web前端教程分享CSS技巧!程式設計師Web前端CSS
- 好程式設計師web前端分享Cookie知識程式設計師Web前端Cookie
- 好程式設計師web前端分享HTML5常見面試題集錦五程式設計師Web前端HTML面試題
- 好程式設計師web前端分享HTML5常見面試題集錦四程式設計師Web前端HTML面試題
- 好程式設計師web前端分享HTML5常見面試題集錦三程式設計師Web前端HTML面試題
- 好程式設計師web前端分享HTML5常見面試題集錦二程式設計師Web前端HTML面試題
- 好程式設計師web前端分享常見html5語義化標籤程式設計師Web前端HTML
- 好程式設計師分享HTML5精品技術文章--前端崗位需求分析程式設計師HTML前端
- 好程式設計師web前端分享前端 javascript 練習題程式設計師Web前端JavaScript
- 好程式設計師web前端分享應該怎樣學好web前端?程式設計師Web前端
- 好程式設計師web前端學習路線分享HTML5常見面試題程式設計師Web前端HTML面試題
- 好程式設計師web前端分享web前端入門知識程式設計師Web前端
- 好程式設計師web前端分享前端javascript練習題三程式設計師Web前端JavaScript
- 好程式設計師web前端分享前端javascript練習題一程式設計師Web前端JavaScript
- 好程式設計師web前端教程分享JavaScript面試題程式設計師Web前端JavaScript面試題
- 好程式設計師分享Web前端效能最佳化程式設計師Web前端
- 好程式設計師web前端分享邏輯運算程式設計師Web前端
- 好程式設計師web前端教程分享js閉包程式設計師Web前端JS
- 好程式設計師分享Web前端知識之HTML程式設計師Web前端HTML
- 好程式設計師web前端分享常見面試題程式設計師Web前端面試題
- 好程式設計師web前端分享HTML 字符集程式設計師Web前端HTML
- 好程式設計師web前端分享CSS元素型別程式設計師Web前端CSS型別
- 好程式設計師web前端分享HTML基礎篇程式設計師Web前端HTML
- 好程式設計師web前端分享CSS基礎篇程式設計師Web前端CSS
- 好程式設計師web前端分享高度自適應程式設計師Web前端
- 好程式設計師web前端教程分享js模板模式程式設計師Web前端JS模式
- 好程式設計師web前端分享移動前端開發和web前端開發的區別程式設計師Web前端