Question

尝试将我的网页验证为HTML5时遇到了一些问题。有两个错误。第一个说，'元素头缺少必需的子元素标题实例'，第二个错误是'元素hr不允许作为元素ul的子元素在此上下文中。（抑制此子树的更多错误）'。

这是我的源代码

<!DOCTYPE html>

<html lang="en">

<head>

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="core/css/style.css">

</head>

<body>

<nav>

<h1>Name</h1>

<ul>

<hr>

<li><a href=".."><img src="core/images/home.png" alt="Home"></a></li>

<hr>

<li><a href=".."><img src="core/images/about.png" alt="About"></a></li>

<hr>

<li><a href=".."><img src="core/images/projects.png" alt="Projects"></a></li>

<hr>

</ul>

</nav>

- 提前感谢您的任何帮助

Answer 1

正如Juhana的评论指出错误是不言自明的：

元素头缺少必需的子元素标题实例

这意味着您只是遗漏了<title>代码中的<head>代码。你绝对应该给你的页面一个标题！

在此上下文中，元素hr不允许作为元素ul的子元素

就其本质而言，<ul>（无序列表）标签只能包含<li>（列表项）标签。在列表中使用水平规则是错误的。您可以使用CSS实现相同的效果。我建议阅读一些关于HTML和基本CSS的教程。

Answer 2

<hr>内的<ul>代码存在同样的问题。您无需在列表中应用新的css规则，只需在<hr>内包含<li>即可。

<ul>
  <li><hr/></li>
  <li>text</li>
</ul>

然后<ul>内的所有元素都被正确嵌套并包含在内。无需额外的工作。

HTML5验证错误

2 个答案: