HTML5的代碼標(biāo)準(zhǔn)格式是什么

你想問(wèn)的應(yīng)該是，在搭建一個(gè)HTML文件時(shí)，基本的文件結(jié)構(gòu)是什么樣子吧？

在哈密等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專(zhuān)注、極致的服務(wù)理念，為客戶(hù)提供網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作按需定制網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計(jì),全網(wǎng)整合營(yíng)銷(xiāo)推廣,外貿(mào)網(wǎng)站建設(shè),哈密網(wǎng)站建設(shè)費(fèi)用合理。

標(biāo)準(zhǔn)的HTML文件由“文檔聲明、文件頭、文件體”組成。

對(duì)于HTML5，文檔聲明也應(yīng)該采取HTML5.0的聲明方式，具體代碼如下：

!doctype html

html

head

meta charset="UTF-8"

titleHTML5學(xué)堂（碼匠） ?言成科技?聯(lián)合出品/title

meta name="viewport" content="width=device-width,user-scalable=no"

link rel="stylesheet" href="../css/reset.css"

/head

body

div具體內(nèi)容/div

/body

/html

在html標(biāo)簽當(dāng)中包含head標(biāo)簽和body標(biāo)簽兩種，而head標(biāo)簽表示的是文件頭，body標(biāo)簽表示文件體，文件頭當(dāng)中需要包含“字符編碼”（head標(biāo)簽中的第一行）、“標(biāo)題”（title標(biāo)簽）、“其他元信息”（除了字符編碼外的其他meta），而文件體當(dāng)中書(shū)寫(xiě)的具體代碼就是在網(wǎng)頁(yè)當(dāng)中會(huì)顯示的內(nèi)容。

此外，在文件頭部或文件體當(dāng)中還可以使用link標(biāo)簽引入CSS文件，或者使用script標(biāo)簽引入JS文件。

關(guān)于文檔聲明，在傳統(tǒng)的HTML4當(dāng)中，有另外三種聲明方法，請(qǐng)?jiān)斠?jiàn)《文檔聲明 DOCTYPE常見(jiàn)的文檔類(lèi)型》

IOS開(kāi)發(fā)中HTML5到底需要多少種編碼格式

IOS開(kāi)發(fā)中HTML5到底需要多少種編碼格式是本文要介紹的內(nèi)容，主要是來(lái)了解HTML5到底需要多少編碼格式才能支撐的起來(lái)，來(lái)看詳細(xì)內(nèi)容。

HTML5 的 video 標(biāo)簽真的很威武，幾乎所有的主流瀏覽器可以直接提供本地的視頻播放功能，相對(duì)于以前通過(guò) Flash 這種類(lèi)似“中繼”的播放方式，要先進(jìn)很多。同時(shí)也為一些不支持 Flash 播放的移動(dòng)設(shè)備帶來(lái)的希望。

也許，你會(huì)因?yàn)?video 標(biāo)簽可以支持到的視頻種類(lèi)而感到困惑。嗯，到底為了實(shí)現(xiàn) HTML5 的特性，到底要轉(zhuǎn)換多少種編碼格式的視頻？WebM，Ogg 還是 MP4？那…iPhone 和 Android 又需要哪種編碼格式？如果我還要提供高、中、低三種碼率的視頻呢？

下面就來(lái)看看到底 HTML5 video 標(biāo)簽的詳細(xì)情況吧。

關(guān)于 Web 格式

目前來(lái)說(shuō)，廣泛被瀏覽器支持的的視頻編碼格式總共有三種，但是沒(méi)有一種可以達(dá)到通吃所有瀏覽器的境界。所以對(duì)于同一個(gè)視頻，至少需要兩種格式，才能在所有瀏覽器里播放。

首先要選擇一個(gè)被支持最多的視頻格式，那么就是 MP4 H.264 這個(gè)組合了，音頻方面則是 AAC 或者 MP3。MP4 封裝的視頻，可以在 Safari、Chrome 和 IE9 里播放（悲劇的是 IE9 只支持 Windows Vsita 和 Windows 7）。同時(shí)，這個(gè)組合也是你通過(guò) Flash 來(lái)作為播放器播放的最好選擇了，同時(shí)這個(gè)組合也可以在很多手持設(shè)備上播放，比如 iOS、Android、Blackberry、PSP、PS3 等等。在 H.264 編碼的時(shí)候，可以選擇 “High Profile” 以獲得最好的編碼質(zhì)量，或者 “Baseline” 來(lái)應(yīng)對(duì)一些移動(dòng)設(shè)備。

除此之外，還有兩個(gè)組合，WebM VP8 和 Ogg Theora Vorbis 來(lái)滿(mǎn)足其他的瀏覽器。WebM 可以在 Firefox（4.0 ）、Chrome（6.0 ）和 Opera（10.60 ）中播放；Ogg 可以在 Firefox（3.5 ）、Chrome（3.0 ）和 Opera（10.54 ）中播放。

那么問(wèn)題又來(lái)了，如果要從中選擇一個(gè)，是 Ogg 呢，還是 WebM 呢？

從我們（Zencoder）來(lái)看，WebM 肯定是未來(lái)開(kāi)放式視頻格式的領(lǐng)跑者，VP8 比起 Theora 來(lái)說(shuō)，要更加的優(yōu)秀，而且還有強(qiáng)大的社區(qū)作為其后盾，特別是 Google 的支持。

反過(guò)來(lái)看 Ogg，其最大的特點(diǎn)是她支持了 44.64% 的瀏覽器（譯者注：這里應(yīng)該是指瀏覽器分部率中，可以播放的比例），而 WebM 僅支持 9.35% 的瀏覽器。如果僅著眼于 2010 年 10 月，那么 Ogg 也是一個(gè)不錯(cuò)的選擇。如果你是為了未來(lái)的 1-2 年，那么WebM 似乎更有優(yōu)勢(shì)一些。

推薦：MP4 WebM 或者 Ogg 其中一種，當(dāng)然全部都編碼出來(lái)也可以 ^^。

關(guān)于移動(dòng)設(shè)備

和瀏覽器的情況一樣，在移動(dòng)設(shè)備上也沒(méi)有一個(gè)可以通吃全盤(pán)的編碼方案。不同的移動(dòng)設(shè)備有著不同的編碼標(biāo)準(zhǔn)，甚至比起瀏覽器領(lǐng)域來(lái)說(shuō)，更加的復(fù)雜。不過(guò)還是有一些方案可以讓你省不少精力的。

在這里你可以查看一個(gè)完整的移動(dòng)設(shè)備編碼列表。

1、現(xiàn)在絕大多數(shù)的移動(dòng)設(shè)備都支持 MP4/H.264。包括 iOS 系列的產(chǎn)品（iPhone、iPod、iPad、Apple TV 等），絕大多數(shù)的 Android 設(shè)備，新的黑莓手機(jī)。對(duì)于這類(lèi)設(shè)備，編碼的時(shí)候應(yīng)該選擇 “Baseline”。在分辨率上，對(duì)于 iOS 和 Android 設(shè)備，選擇不高于 640×480 的分辨率即可，對(duì)于黑莓系列手機(jī)，選擇不高于 480×360 的分辨率即可。

注意：可以在 iPhone 上播放的這類(lèi)編碼格式，同樣也可以在 HTML5（當(dāng)然僅僅是一部分瀏覽器） 或者 Flash 中播放。如果你怕麻煩或者想節(jié)省一些轉(zhuǎn)換花費(fèi)的時(shí)間，可以考慮選擇在編碼的時(shí)候，不高于 iOS 系列設(shè)備和 Android 系列設(shè)備的分辨率。如果你不怕麻煩，并且視頻在不同的碼率上表現(xiàn)差異很大，或者需要在電腦上有更清晰的表現(xiàn)，就多編碼出來(lái)幾個(gè)不同的碼率吧。

2、對(duì)于一些老的移動(dòng)設(shè)備，選擇 3GP/MPEG4。絕大多數(shù)的黑莓手機(jī)和一些 Android 的手機(jī)，都支持這種格式。同時(shí)，3GP 在 iPhone 和 iPod 上都可以播放。

3、關(guān)于 WebM，現(xiàn)在也許還不是一個(gè)好的選擇，雖然在一些 Android 的手機(jī)上已經(jīng)可以播放，但是支持還不是很廣泛。預(yù)計(jì)未來(lái) 1-2 年會(huì)有更多的支持 WebM 格式的手機(jī)。

推薦：怕麻煩則 MP4 格式，640×480 或者 480×360。不在乎編碼時(shí)間和存儲(chǔ)空間，就應(yīng)該選擇三種 MP4 編碼方案（480×360，640×480，720p “Main profile” ）

外加一到兩種 3GP 格式（320×240 或者 176×144），可以參考這份日志來(lái)獲取更加詳細(xì)的編碼參數(shù)。

關(guān)于多種比特率

有可能你在考慮，是不是要為帶寬很足的用戶(hù)準(zhǔn)備高比特率的視頻，并且為了照顧小帶寬的用戶(hù)，另外再準(zhǔn)備一份低比特率的視頻呢？如果你的用戶(hù)已經(jīng) 開(kāi)始在互聯(lián)網(wǎng)上觀看高清的視頻，那么為了迎合這類(lèi)用戶(hù)的習(xí)慣和用戶(hù)體驗(yàn)，那么答案則為是?？梢钥紤]提供 2-3 種不同比特率或者分辨率的視頻來(lái)滿(mǎn)足使用不同互聯(lián)網(wǎng)連接方式的用戶(hù)。比如提供一份 640×360 和 一份 1280×720 的選擇。未來(lái)我們會(huì)更多的討論這個(gè)問(wèn)題。

關(guān)于流媒體播放

本篇文章不討論關(guān)于流媒體的問(wèn)題，并且 RTMP（Flash）、Smooth Streaming（Silverlight）、HTTP Live Streaming（iOS）都要求特殊的視頻格式。這已經(jīng)超出了我們要討論的范圍了。未來(lái)將會(huì)有相關(guān)的文章進(jìn)行討論

結(jié)論

1、最低限度的支持 HTML5，應(yīng)該選擇 MP4 WebM 或者 Ogg 其中的至少一種，并且使用 Flash 來(lái)播放 MP4 以便提供向下兼容支持。

2、移動(dòng)設(shè)備方面，H.264/MP4 會(huì)讓你省心很多，如果可以提供 2-3 種不同分辨率和碼率的視頻，會(huì)大大增加兼容性。

建議

以下是關(guān)于所有類(lèi)型的視頻編碼方案建議，Zencoder 支持以下列出的所有編碼格式（廣告了…）

1、只為能播放

HTML5，F(xiàn)lash和移動(dòng)設(shè)備：MP4/H.264，使用 “Baseline” 編碼，480×360 或者 640×480

HTML5：WebM 或者 Ogg

2、更上一層樓

HTML5，F(xiàn)lash：MP4/H.264，“High profile” 編碼

HTML5：WebM

HTML5：Ogg

移動(dòng)設(shè)備：MP4/H.264，“Baseline profile” 編碼，分辨率 480×360 或者 640×480

3、我要支持所有設(shè)備和瀏覽器

HTML5，F(xiàn)lash：MP4/H.264，“High profile” 編碼

HTML5： WebM

HTML5：Ogg

移動(dòng)設(shè)備：MP4/H.264，“Baseline profile” 編碼，分辨率選擇 480×360 以便提供高兼容性

移動(dòng)設(shè)備：MP4/H.264，“Main profile” 編碼，分辨率 1280×720 以便支持新的設(shè)備（如 iPhone4、iPad 和 Apple TV）

移動(dòng)設(shè)備：3GP/MPEG4，分辨率320×240 和（或） 177×144 以便支持非智能手機(jī)。

為了HTML5，到底需要多少種編碼格式

目前來(lái)說(shuō)，廣泛被瀏覽器支持的的視頻編碼格式總共有三種，但是沒(méi)有一種可以達(dá)到通吃所有瀏覽器的境界。所以對(duì)于同一個(gè)視頻，至少需要兩種格式，才能在所有瀏覽器里播放。

首先要選擇一個(gè)被支持最多的視頻格式，那么就是 MP4 + H.264 這個(gè)組合了，音頻方面則是 AAC 或者 MP3。MP4 封裝的視頻，可以在 Safari、Chrome 和 IE9 里播放（悲劇的是 IE9 只支持 Windows Vsita 和 Windows 7）。同時(shí)，這個(gè)組合也是你通過(guò) Flash 來(lái)作為播放器播放的最好選擇了，同時(shí)這個(gè)組合也可以在很多手持設(shè)備上播放，比如 iOS、Android、Blackberry、PSP、PS3 等等。在 H.264 編碼的時(shí)候，可以選擇 “High Profile” 以獲得最好的編碼質(zhì)量，或者 “Baseline” 來(lái)應(yīng)對(duì)一些移動(dòng)設(shè)備。

除此之外，還有兩個(gè)組合，WebM + VP8 和 Ogg + Theora + Vorbis 來(lái)滿(mǎn)足其他的瀏覽器。WebM 可以在 Firefox（4.0+）、Chrome（6.0+）和 Opera（10.60+）中播放；Ogg 可以在 Firefox（3.5+）、Chrome（3.0+）和 Opera（10.54+）中播放。

HTML5添加了utf-8中文還是亂碼

原因：?jiǎn)栴}就出編輯器身上。

1、用鼠標(biāo)右鍵單擊亂碼的html文件，選擇用記事本打開(kāi)。

2、點(diǎn)擊記事本菜單欄的文件，選擇文件另存為。

3、在另存為的窗口中會(huì)發(fā)現(xiàn)保存有編碼選擇，默認(rèn)編碼為ANSI。

4、但是我們需要的編碼為UTF-8,所以在保存的時(shí)候選擇UTF-8，點(diǎn)擊保存，替換原來(lái)的文件，就解決了html本身內(nèi)容亂碼問(wèn)題。

HTML5究竟需要多少種視頻編碼格式

當(dāng)前，video 元素支持三種視頻格式：

Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件

MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件

WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件