XHTML OrderedList 和 UnorderedList 无效验证

Question

我正在尝试使用 ul 和 ol 标签在页面上创建两个单独的列表，但每次我尝试验证页面时，我都会在此处得到 "document type does not allow element "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>

Answer 1

标题中不能有列表。您正试图将一个放在 sub-sub-heading (<h3>) 中。（您可能在 sub-heading (<h2>) 中也有一个，但是其中缺少开始标记。

将列表放在标题之后。

请参阅 "Contexts in which this element can be used" 下的 the spec 以了解允许放置列表的其他位置。

Answer 2

我对您的代码进行了一些测试，并尝试使用 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 批准validator.The 我发现的错误的解释在评论中。

如果这个答案不够清晰和优雅，我很抱歉。这是我在这里的第一个答案，我正在学习如何帮助人们:)

祝你编码顺利！

XHTML OrderedList 和 UnorderedList 无效验证

XHTML OrderedList and UnorderedList Invalid validation

xhtml