html5 入門(mén)基礎(chǔ)

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?文件

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 格式后期處理。 Jeremy Keith在 Fronteers 2010 上的主題演講 今天我想跟大家談一談HTM...
    LordZhou閱讀 1,148評(píng)論 0 17
  • 學(xué)習(xí)HTML的最佳網(wǎng)站沒(méi)有之一http://www.w3school.com.cn/html/ 關(guān)于HTML/HT...
    Amyyy_閱讀 2,131評(píng)論 0 16
  • 問(wèn)答題1 /72瀏覽器頁(yè)面有哪三層構(gòu)成,分別是什么,作用是什么?參考答案構(gòu)成:結(jié)構(gòu)層、表示層、行為層分別是:HTM...
    _Yfling閱讀 1,232評(píng)論 0 23
  • 接上 關(guān)于HTML/HTML5(一)http://www.lxweimin.com/p/33fc7840c079 學(xué)...
    Amyyy_閱讀 834評(píng)論 0 4
  • “Be conservative in what you send; be liberal in what you...
    Rella7閱讀 1,166評(píng)論 0 2