Ошибки проверки HTML5 - PullRequest
       1

Ошибки проверки HTML5

9 голосов
/ 03 апреля 2012

У меня небольшая проблема при попытке проверить мою страницу как 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>

Заранее благодарен за любую помощь

Ответы [ 2 ]

12 голосов
/ 03 апреля 2012

Как отмечает комментарий Джуханы, ошибки не требуют пояснений:

В заголовке элемента отсутствует обязательный экземпляр заголовка дочернего элемента

Это означает, что вы просто отсутствуеттег <title> в тегах <head>.Вы обязательно должны дать своей странице заголовок!

Элемент hr не разрешен как дочерний элемент ul в этом контексте

По самой своей природе, <ul> (неупорядоченный список) могут содержать только теги <li> (элемент списка).Вы неправильно используете горизонтальное правило внутри своего списка.Вы можете достичь того же эффекта с помощью CSS.Предлагаю прочитать еще несколько учебных пособий по HTML и базовому CSS.

5 голосов
/ 17 мая 2012

У меня была такая же проблема с <hr> тегами внутри <ul>.Вместо применения новых правил CSS к вашему списку, вы просто должны содержать <hr> внутри <li>.

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

Тогда все ваши элементы внутри <ul> должным образом вложены и содержатся.Никакой дополнительной работы не требуется.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...