Question

我想使用UL将文章列表显示为图片，标题，小时和日期。但是，当我在测试实际网站时在http://validator.w3.org/上测试时，我收到验证错误

下面是虚拟架构＆amp;几乎是实际HTML的副本，当我在HTML下面测试它作为代码它不会产生错误但是当我测试url它会产生错误，如下所示

文档类型不允许元素“hr”在这里;缺少一个 “object”，“applet”，“map”，“iframe”，“button”，“ins”，“del”start-tag
                                    <hr />
上述元素不允许出现在上下文中   你放了它;其他提到的元素是唯一的元素   都允许在那里，并可以包含提到的元素。这个   可能意味着你需要一个包含元素，或者你可能需要   忘记关闭上一个元素。

此消息的一个可能原因是您试图放置   内联中的块级元素（例如“

”或“”）   元素（例如“”，“”或“”）。

HTML CODE

<!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：我尝试用div替换html，span但是我一直在生成相同的错误

Answer 1

关于人力资源的w3schools页面说它用于在切换主题等内容中创建中断。所以我猜你“不能”在内联元素中使用它。我想在评论中建议使用@stckrboy，而是用CSS创建一行。

HTML验证错误文档类型不允许元素＆＃34; hr＆＃34;

1 个答案: