例

播放錄像：

<video width="320" height="240" controls>

<source src="movie.mp4" type="video/mp4">

<source src="movie.ogg" type="video/ogg">

您的瀏覽器不支持 video 標簽。

</video>

瀏覽器支持

IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <video> 標簽。

注釋：IE 8 或更早版本的 IE 瀏覽器不支持 <video> 標簽。

標簽定義及使用說明

<video> 標簽定義視頻，比如電影片段或其他視頻流。

目前，<video> 元素支持三種視頻格式：MP4、WebM、Ogg。

• MP4 = MPEG 4文件使用 H264 視頻編解碼器和AAC音頻編解碼器

• WebM = WebM 文件使用 VP8 視頻編解碼器和 Vorbis 音頻編解碼器

• Ogg = Ogg 文件使用 Theora 視頻編解碼器和 Vorbis音頻編解碼器

音頻格式的 MIME 類型

HTML 4.01 與 HTML5之間的差異

<video> 標簽是 HTML5 的新標簽。

提示和注釋

提示：可以在 <video> 和 </video> 標簽之間放置文本內(nèi)容，這樣不支持 <video> 元素的瀏覽器就可以顯示出該標簽的信息。

可選屬性

New：HTML5 中的新屬性。

全局屬性

<video> 標簽支持 HTML 的全局屬性。

事件屬性

<video> 標簽支持 HTML 的事件屬性。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

例

HTML 注釋：

<!--這是一個注釋，注釋在瀏覽器中不會顯示--><p>這是一個段落</p>

瀏覽器支持

所有主流瀏覽器都支持 <!--...--> 注釋標簽。

標簽定義及使用說明

<!--...--> 注釋標簽用來在源文檔中插入注釋。注釋不會在瀏覽器中顯示。

您可使用注釋對您的代碼進行解釋，這樣做有助于您在以后的時間對代碼的編輯。特別是代碼量很大的情況下很有用。

您也可以在注釋內(nèi)容存儲針對程序所定制的信息。在這種情況下，這些信息對用戶是不可見的，但是對程序來說是可用的。一個好的習(xí)慣是把注釋或樣式元素放入注釋文本中，這樣就可避免不支持腳本或樣式的老瀏覽器把它們顯示為純文本。

<scripttype="text/javascript"><!--functiondisplayMsg(){alert("Hello World!")}//--></script>

注釋：命令行最后的兩個正斜杠（//）是 JavaScript 注釋符號。這確保了 JavaScript 不會執(zhí)行 --> 標簽。

除了在源文檔中有非常明顯的作用外，許多 Web 服務(wù)器也利用注釋來實現(xiàn)文檔服務(wù)端軟件特有的特性。這些服務(wù)器可以掃描文檔，從傳統(tǒng)的 HTML/XHTML 注釋中找到特定的字符序列，然后再根據(jù)嵌在注釋中的命令采取相應(yīng)的動作。這些動作可能是簡單的包括其他文件中的文本（即所謂的服務(wù)器端包含，server-inside include），也可能是復(fù)雜地執(zhí)行其他命令去動態(tài)生成文檔的內(nèi)容。

HTML 4.01 與 HTML5之間的差異

無。

標準屬性

<!--...--> 注釋標簽不支持任何標準屬性。

如需更多有關(guān) HTML 標準屬性的信息，請訪問 標準屬性。

事件屬性

<!--...--> 注釋標簽不支持任何事件屬性。

如需更多有關(guān) HTML 事件屬性的信息，請訪問 事件屬性。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

過web前端開發(fā)的都知道，每個標簽都自帶樣式，比如body自帶margin，a標簽自帶下劃線，li標簽自帶小圓點，但是你知道更具體的嗎？以下的文檔還原了w3c對每個標簽最初的定義，收藏一下，對你一定有幫助。

@charset "utf-8";/*@charset "gb2312";*//**
* ============================================================================
* 版權(quán)所有: 切版
* 網(wǎng)站地址: http://www.qieban.cn
* 該文件為W3C為標簽賦予最原始樣式規(guī)則、制作參考無實際作用
* ----------------------------------------------------------------------------
**/ 
html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre { display: block } li { display: list-item } head { display: none } table { display: table } tr { display: table-row } thead { display: table-header-group } tbody { display: table-row-group } tfoot { display: table-footer-group } col { display: table-column } colgroup { display: table-column-group } td, th { display: table-cell } caption { display: table-caption } th { font-weight: bolder; text-align: center } caption { text-align: center } body { margin: 8px } h1 { font-size: 2em; margin: .67em 0 } h2 { font-size: 1.5em; margin: .75em 0 } h3 { font-size: 1.17em; margin: .83em 0 } h4, p, blockquote, ul, fieldset, form, ol, dl, dir, menu { margin: 1.12em 0 } h5 { font-size: .83em; margin: 1.5em 0 } h6 { font-size: .75em; margin: 1.67em 0 } h1, h2, h3, h4, h5, h6, b, strong { font-weight: bolder } blockquote { margin-left: 40px; margin-right: 40px } i, cite, em, var, address { font-style: italic } pre, tt, code, kbd, samp { font-family: monospace } pre { white-space: pre } button, textarea, input, select { display: inline-block } big { font-size: 1.17em } small, sub, sup { font-size: .83em } sub { vertical-align: sub } sup { vertical-align: super } table { border-spacing: 2px; } thead, tbody, tfoot { vertical-align: middle } td, th { vertical-align: inherit } s, strike, del { text-decoration: line-through } hr { border: 1px inset } ol, ul, dir, menu, dd { margin-left: 40px } ol { list-style-type: decimal } ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0 } u, ins { text-decoration: underline } br:before { content: "\A" } :before, :after { white-space: pre-line } center { text-align: center } :link, :visited { text-decoration: underline } :focus { outline: thin dotted invert } /* Begin bidirectionality settings (do not change) */ BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override } BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override } *[DIR="ltr"] { direction: ltr; unicode-bidi: embed } *[DIR="rtl"] { direction: rtl; unicode-bidi: embed } @media print { h1 { page-break-before: always } h1, h2, h3,
h4, h5, h6 { page-break-after: avoid } ul, ol, dl { page-break-before: avoid } }

切版，切圖網(wǎng)旗下靠譜的web前端外包服務(wù)切圖客群體。http://www.qieban.cn/