2013-04-12 110 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