HTML5 验证错误:在此上下文中不允许元素源作为音频的子元素

2023-12-10

这是我作业中的一段代码。我检查了 w3 样本http://www.w3schools.com/html/html5_audio.asp并且格式正确。我是因为这些错误而发疯还是我错过了什么?

我相信这就是 HTML5source元素不喜欢类型的编写方式,但我还能怎么做呢?如果你们看到我遗漏的东西,请告诉我。

<li>.ogg(HTML5 <code>audio</code> tag)
            <ul>
                <li style="list-style-type:none;">

                    <audio controls>
    `                   <source src="/audio1/horse.ogg" type="audio/ogg">
                        <!-- IE Support -->
                        <source src="http://itwp.macomb.edu/wannerj/itwp1000/sounds/horse.mp3" type="audio/mpeg">
                        Your browser does not support the audio element.
                    </audio>
                </li>
            </ul>
        </li>

这里是 W3C HTML 检查器的维护者。问题是你有一个流浪者`HTML 中的(反引号)字符,位于<audio controls>开始标记和之前<source src="/audio1/horse.ogg" type="audio/ogg">开始标记。

删除那个`字符,错误就会消失。


解释

在这种情况下,验证器显示错误消息的原因是,当它看到`字符,它将其解释为文本内容(后备内容)以向不支持的浏览器中的用户显示audio元素;也就是说,与“Your browser does not support the audio element“问题片段中的文本。

但如果一个audio元素具有这样的文本内容,那么 HTML 规范中的规则规定不允许任何元素跟随该文本内容。所以当检查员看到source在这种情况下,元素会发出一条错误消息,指出source元素是不允许的。

很抱歉检查器没有在这里给出更好的错误消息来帮助您查明问题;例如,如果这样写就更好了:

The source此处不允许使用元素,因为audio元素 已有文本内容(`);删除文本内容或移动它 遵循source元素。

但检查器代码的当前设计使其很难生成这样更有帮助的详细错误消息。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HTML5 验证错误:在此上下文中不允许元素源作为音频的子元素 的相关文章

随机推荐