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ì)本地離線存儲(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?文件