<audio>标签应该放在标签中吗?

时间:2015-05-25 18:18:01

标签: html5 html5-audio

HTML5音频标签应该放在头标签还是主体标签中?

2 个答案:

答案 0 :(得分:2)

我认为接受的答案是假设一点,即开发人员想要显示音频元素控件而不是仅在点击页面上的其他元素时播放声音。此外,对这个好问题的评论是无益的,显然谷歌更容易在Stack Overflow上发布问题并等待答案;在这种特殊情况下,如果您在head标签中使用Google for Audio元素,您将找不到任何内容,甚至在W3C或WHATWG上也没有。

如果不显示控件,那么想要播放声音而不向body标签下的DOM添加另一个可遍历元素是一个非常有效的案例。出于某种原因,它们是可选的。

要正确回答问题,无论您是否要显示音频元素,它都应该放在body标签中。如果你没有把它放在身体标签中,例如Chrome会将它移动到那里。

所以是的,如果你希望它可见,请将它放在body标签中,并确保它在你想要的位置。不幸的是,如果你不希望它被显示,那么无论如何你都需要将它放在body标签中,如果你没有在浏览器移动它时你的DOM树可能不是你想要的那样。

正如另一个答案所提到的,如果您想要显示默认控件,那么您可以添加&#34;控件&#34;属性为元素,如果不是,你仍然可以创建&amp;自己设计样式,并使用Javascript使其工作。

答案 1 :(得分:1)

head标记内的内容无法呈现,因此请将其放在body标记内。

还要记住指定controls属性或不显示任何内容:

<audio controls></audio>

尽管在HTML5 body标签中也严格不需要,HTML5支持完全删除正文(事实上,只有doctype,即。<!DOCTYPE html>和标题(在大多数情况下)是需要)。但是如果你使用它所属的body标签。