HTML5教程 什么是HTML5?
HTML5?將成為HTML、XHTML?以及HTML?DOM?的新標(biāo)準(zhǔn)。
HTML?的上一個(gè)版本誕生于1999?年。自從那以后,Web?世界已經(jīng)經(jīng)歷了巨變。?HTML5?仍處于完善之中。然而,大部分現(xiàn)代瀏覽器已經(jīng)具備了某些HTML5?支持。?你是不是多少有了解一點(diǎn),但是你卻對(duì)這個(gè)不精啊!可以進(jìn)群交流,⑤①④①⑥⑦⑥⑦⑧。
HTML5?是如何起步的?
HTML5?是W3C?與WHATWG?合作的結(jié)果。
編者注:W3C?指World?Wide?Web?Consortium,萬(wàn)維網(wǎng)聯(lián)盟。
編者注:WHATWG?指Web?Hypertext?Application?Technology?Working?Group。?WHATWG?致力于web?表單和應(yīng)用程序,而W3C?專(zhuān)注于XHTML?2.0。在2006?年,雙?方?jīng)Q定進(jìn)行合作,來(lái)創(chuàng)建一個(gè)新版本的HTML。?為HTML5?建立的一些規(guī)則:
??新特性應(yīng)該基于HTML、CSS、DOM?以及JavaScript。???減少對(duì)外部插件的需求(比如Flash)???更優(yōu)秀的錯(cuò)誤處理???更多取代腳本的標(biāo)記???HTML5?應(yīng)該獨(dú)立于設(shè)備???開(kāi)發(fā)進(jìn)程應(yīng)對(duì)公眾透明
新特性
HTML5?中的一些有趣的新特性:???用于繪畫(huà)的canvas?元素
? 用于媒介回放的video 和audio 元素 ? 對(duì)本地離線(xiàn)存儲(chǔ)的更好的支持
??新的特殊內(nèi)容元素,比如article、footer、header、nav、section???新的表單控件,比如calendar、date、time、email、url、search
瀏覽器支持
最新版本的Safari、Chrome、Firefox?以及Opera?支持某些HTML5?特性。Internet?Explorer
9?將支持某些HTML5?特性。
HTML?5?視頻
許多時(shí)髦的網(wǎng)站都提供視頻。HTML5?提供了展示視頻的標(biāo)準(zhǔn)。
Web?上的視頻
直到現(xiàn)在,仍然不存在一項(xiàng)旨在網(wǎng)頁(yè)上顯示視頻的標(biāo)準(zhǔn)。
今天,大多數(shù)視頻是通過(guò)插件(比如Flash)來(lái)顯示的。然而,并非所有瀏覽器都擁有同樣?的插件。
HTML5?規(guī)定了一種通過(guò)video?元素來(lái)包含視頻的標(biāo)準(zhǔn)方法。
視頻格式
當(dāng)前,video?元素支持兩種視頻格式:
Internet?Explorer?Firefox?3.5?Opera?10.5?Chrome?3.0?Safari?3.0?Ogg?X?X?X?MPEG?4?X?X
如何工作 如需在HTML5 中顯示視頻,您所有需要的是:control 屬性供添加播放、暫停和音量控件。 包含寬度和高度屬性也是不錯(cuò)的主意。
與
之間插入的內(nèi)容是供不支持video?元素的瀏覽器顯示的:?實(shí)例Your?browser?does?not?support?the?video?tag.??上面的例子使用一個(gè)Ogg?文件,適用于Firefox、Opera?以及Chrome?瀏覽器。?要確保適用于Safari?瀏覽器,視頻文件必須是MPEG4?類(lèi)型。?video?元素允許多個(gè)source?元素。source?元素可以鏈接不同的視頻文件。瀏覽器將使用第?一個(gè)可識(shí)別的格式:?實(shí)例Your?browser?does?not?support?the?video?tag.
Ogg?=?帶有Thedora?視頻編碼和Vorbis?音頻編碼的Ogg?文件?MPEG4?=?帶有H.264?視頻編碼和AAC?音頻編碼的MPEG?4?文件