我正在尝试使用 ul 和 ol 标签在页面上创建两个单独的列表,但每次我尝试验证页面时,我都会得到"文档类型不允许元素"ul"在这里。我尝试移动标签,并检查了我打开的每个标签,以确保它们都已关闭。我还尝试仅将该部分代码移动到新页面,它在验证中抛出相同的错误。我没有想法,非常感谢您能提供的任何帮助。它显示正确,但我需要它通过验证。
<ol>
<li>USA</li>
<li>Canada</li>
<li>Sweden</li>
</ol>
</h2>
<hr/>
<h3>List Example (Order NOT important)</h3>
<h2> Things to Pick Up</h2>
<h3>
<ul>
<li>Milk</li>
<li>Eggs</li>
<li>Bread</li>
<li>Cheese</li>
</ul>
标题中不能有列表。您正在尝试将一个放在子标题(<h3>
)中。(您可能在子标题(<h2>
)中也有一个,但是缺少开始标记。
将列表放在标题之后。
请参阅"可以使用此元素的上下文"下的规范,了解允许您放置列表的其他位置。
我用你的代码做了一些测试,并尝试用W3C验证器进行验证。以下是我对应用了适当更正的代码段的观察。
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Ryan's solution</title>
</head>
<body>
<ol>
<li>USA</li>
<li>Canada</li>
<li>Sweden</li>
</ol>
<h2> <!--This oppening tag was added by me--> Hello World!</h2> <!--Why are you closing what was not oppened?-->
<hr/>
<h3>List Example (Order NOT important)</h3>
<h2> Things to Pick Up</h2>
<h3> <!--Where is the closing for this tag?--> Hello World!</h3><!--The closing tag was added by me-->
<ul>
<li>Milk</li>
<li>Eggs</li>
<li>Bread</li>
<li>Cheese</li>
</ul>
</body>
</html>
W3c验证器已经证明了这种关联。我发现错误的解释在评论中。
如果这个答案不完全清晰和优雅,我很抱歉。这是我在这里的第一个答案,我正在学习如何帮助人们:)
祝你编码好运!