html - 标签应该放在 标签中吗？

Question

HTML5 音频标签应该放在 head 标签中，还是放在 body 标签中？

Answer 1

我认为接受的答案有点假设，即开发人员想要显示音频元素控件，而不是仅在例如单击页面上的另一个元素时播放声音。此外，对这个好问题的评论没有帮助，显然谷歌一些东西比在 Stack Overflow 上发布问题并等待答案更容易；在这种特殊情况下，如果您在 head 标签中搜索音频元素，您将一无所获，甚至在 W3C 或 WHATWG 上也找不到。

如果控件不显示，想要播放声音而不向 body 标签下的 DOM 添加另一个可遍历元素是一个完全有效的案例。它们是可选的是有原因的。

要正确回答问题，无论您是否要显示 Audio 元素，它都应该放在 body 标签中。如果您不将它放在 body 标签中，Chrome 无论如何都会将它移到那里。

所以是的，如果您希望它可见，请将其放在 body 标签中并确保它位于您想要的位置。不幸的是，如果您不希望它可见，您无论如何都需要将它放在 body 标记中，如果您不这样做，那么当浏览器移动它时，您的 DOM 树可能不是您所期望的。

正如另一个答案所提到的，如果您希望显示默认控件，那么您可以将“controls”属性添加到元素中，否则您仍然可以创建自己的样式并使用 Javascript 使它们工作。