Тип документа с ошибкой проверки HTML не допускает элемент hr

Я хочу показать список статей в виде изображения, заголовка, часов и даты, используя UL. Но я получаю ошибку проверки, когда проверяю их на http://validator.w3.org/ при проверке фактического Веб-сайт

Ниже приведена фиктивная схема и она почти копирует фактический HTML, когда я тестирую ниже HTML как код, он не генерирует ошибок, но когда я тестирую URL, он генерирует ошибку, как показано ниже.

тип документа не допускает здесь элемент "hr"; отсутствует один из стартовых тегов "object", "applet", "map", "iframe", "button", "ins", "del"

                                    <hr />

Упомянутый элемент не может появляться в том контексте, в котором вы его поместили; другие упомянутые элементы являются единственными, которые разрешены там и могут содержать упомянутый элемент. Это может означать, что вам нужен содержащий элемент, или, возможно, вы забыли закрыть предыдущий элемент.

One possible cause for this message is that you have attempted to put a block-level element (such as "

" or "") inside an inline element (such as "", "", or "").

HTML-КОД

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
</head>
<body>
<div class="listwrapper">
  <ul>
    <li>
      <img src="http://lorempixum.com/100/100/nature/1" alt="image" />
      <span>Headline</span>
      <p>Lorem ipsum dolor sit amet...</p>
          <hr/>
    </li>

    <li>
      <img src="http://lorempixum.com/100/100/nature/2" alt="image"/>
      <span>Headline</span>
      <p>Lorem ipsum dolor sit amet...</p>
          <hr/>
    </li>

    <li>
      <img src="http://lorempixum.com/100/100/nature/3" alt="image"/>
      <span>Headline</span>
      <p>Lorem ipsum dolor sit amet...</p>
          <hr/>
    </li>

    <li>
      <img src="http://lorempixum.com/100/100/nature/4" alt="image"/>
      <span>Headline</span>
      <p>Lorem ipsum dolor sit amet...</p>
          <hr/>
    </li>
  </ul>
</div>
</body>
</html>

UPdate: я пытался заменить html на div, span, но продолжал генерировать ту же ошибку


html html-validation
person Learning    schedule 30.01.2014    source источник
comment
<hr/> не следует использовать в <ul> и <li>. Уверен, что именно об этом говорит ошибка.   -  person Ruddy    schedule 30.01.2014
comment
Вот что вызывает ошибку, заменив ее на span div, также создайте ту же ошибку.   -  person Learning    schedule 30.01.2014
comment
Вместо ‹hr›, почему бы просто не установить дополнительные поля/отступы для ‹li› в CSS и не добавить нижнюю границу?   -  person stckrboy    schedule 30.01.2014
comment
Как говорит Ганс в ответе, вы не можете поместить блочный элемент во встроенный элемент. Но поскольку вы решили проблему в этом примере здесь (этот пример действительно проверяется как XHTML), почему бы вам просто не применить то же решение к фактической веб-странице?   -  person Mr Lister    schedule 30.01.2014
comment
Кроме того, почему вы все равно используете XHTML? Остальная часть вашего вопроса говорит только о HTML, и, похоже, XHTML вообще не требуется.   -  person Mr Lister    schedule 30.01.2014
comment
Размещенный код действителен (хотя и плохого качества), поэтому вопрос не представляет реальной проблемы. Вы должны включить код, который не проверяет (или избежать проблемы, используя нижнюю границу для элементов li с помощью CSS, поскольку использование hr здесь нелогично и нецелесообразно).   -  person Jukka K. Korpela    schedule 30.01.2014

Ответы (1)


arrow_upward
-1
arrow_downward

На странице w3schools об отделе кадров говорится, что она используется для создания перерыва в содержании для переключения темы или чего-то подобного. Так что я думаю, вы «не можете» использовать его во встроенных элементах. Я бы сделал так, как предложил @stckrboy в комментариях, и вместо этого создал строку с помощью CSS.

person Hans Westman    schedule 30.01.2014
comment
Я смею любого, кто проголосовал за этот ответ, попытаться найти проблемы со страницей, на которую ссылается Ганс. Ну, кроме того, что W3Schools настаивает на вызове тегов элементов. И что в их примере они используют два элемента h1 в одном блоке... - person Mr Lister; 30.01.2014