I have a bit of problem when trying to validate my page as HTML5. There are two errors. The first says, ‘Element head is missing a required instance of child element title’, and the second error is, ‘Element hr not allowed as child of element ul in this context. (Suppressing further errors from this subtree)’.
Here is my source code
<!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>
-Thank you in advance for any help
As Juhana’s comment points out the errors are self-explanatory:
This means you are simply missing a
<title>tag in your<head>tags. You should definitely give your page a title!By there very nature,
<ul>(unordered list) tags can only contain<li>(list item) tags. You are wrong to use a horizontal-rule inside your list. You can achieve the same effect with CSS. I suggest read a few more tutorials on HTML and basic CSS.