HTML5验证错误_Html_Validation - Fatal编程技术网

HTML5验证错误

html validation

HTML5验证错误,html,validation,Html,Validation,我在尝试将我的页面验证为HTML5时遇到了一些问题。有两个错误。第一个表示“元素头缺少子元素标题的必需实例”，第二个错误是“在此上下文中，元素hr不允许作为元素ul的子元素”。（正在抑制来自此子树的进一步错误）“” 这是我的源代码 <!DOCTYPE html> <html lang="en"> <head> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='sty

我在尝试将我的页面验证为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>


名称

-提前感谢您的帮助，因为Juhana的评论指出错误是不言自明的：

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

这意味着您的

标记中缺少了一个

标记。你绝对应该给你的网页一个标题

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

本质上，

（无序列表）标记只能包含

（列表项）标记。在列表中使用水平规则是错误的。您可以使用CSS实现相同的效果。我建议多读一些关于HTML和基本CSS的教程。

我在

标签中遇到了同样的问题。您只需将


包含在中，而不是将新的css规则应用于列表
<ul>
  <li><hr/></li>
  <li>text</li>
</ul>



正文


然后
中的所有元素都被正确嵌套和包含。不需要额外的工作。
错误消息对我来说似乎不言自明。您的头部缺少一个
，并且您不能在
标签中包含
。谢谢，那么我可以使用什么来代替标签中的
标签呢？您为什么还要使用列表？只需使用div即可。或者设置列表元素的样式，使其具有上边框或下边框。是的，谢谢您的帮助：）@Juhana因为它是一个导航菜单，所以我认为列表标记是正确的标记。OP应该应用CSS来实现所需的外观。谢谢：）！我现在已经修复了它，只是在我的标签上添加了一个边框底部，它工作了：D