2013-04-12 70 views
1

我學習HTML5和我寫的代碼,這個簡單的片斷:標籤下面的視頻標籤不可見

<!DOCTYPE html> 
<html> 
<head> 
    <title>test video</title> 
</head> 
<body> 
    <video src="movie.webm" controls/> 
    <h1>this is a header below the video</h1> 
</body> 
</html> 

該視頻顯示在屏幕上很好,但問題是,我不能夠查看<h1>視頻下方的標記。我已經在Opera和Firefox中測試過。你有什麼想法我在這裏失蹤?

+1

*你有什麼想法我在這裏失蹤?*:http://validator.w3.org/#validate_by_input – Quentin

回答

3

你需要明確關閉<video>標籤:

<body> 
    <video src="movie.webm" controls></video> 
    <h1>this is a header below the video</h1> 
</body> 

這裏的an example。注意如何顯示第一個標題,而第二個標題不顯示。

和公正的完整性,這裏就是the spec has to say:在text/html的

標籤遺漏:
       也不標籤可以省略。

+0

它的工作原理,謝謝。但是爲什麼用'/>'結束在這種情況下是無效的?這些標籤是不是等價的:''和'

+1

@niculare - 不,只適用於XHTML,不適用於HTML5。查看[這個問題](http://stackoverflow.com/questions/3558119/are-self-closing-tags-valid-in-html5)瞭解完整的細節。 –

+0

非常感謝您的及時答覆。 – niculare