Html5 Video 和 Source 标签

Question

我正在使用 html5 视频标签，<video> ，并注意到在 Brackets Validator 中出现的错误。

关于我的是 <source>视频标签里面的标签。我通常是这样写的

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

但这是一个错误，说明它需要关闭 </source>

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

现在这两种方式都可以在浏览器中使用，而且我还没有阅读任何关于使用 </source> 的内容。所以我对什么是正确的做法有点困惑。任何人都知道什么是正确的做法？

Answer 1

不，<source>元素不能有关闭标签，也不能自行关闭，您使用的验证器不正确。

这是 W3 spec :

The source element is a void element. A source element must have a start tag but must not have an end tag.

void 元素是其内容模型在任何情况下都不允许它具有内容的元素(但是 void 元素可以具有属性)。

一个恰当的例子:

<video controls>
 <source src="http://media.w3.org/2010/05/sintel/trailer.mp4"
         type='video/mp4; codecs="avc1, mp4a"'>
 <source src="http://media.w3.org/2010/05/sintel/trailer.ogv"
         type='video/ogg; codecs="theora, vorbis"'>
 <p>Your user agent does not support the HTML5 Video element.</p>
</video>