1

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

下面是虚拟模式，几乎是实际 HTML 的副本，当我在 HTML 下测试代码时它不会产生错误，但是当我测试 url 时它会产生错误，如下所示

文档类型在此处不允许元素“hr”；缺少“object”、“applet”、“map”、“iframe”、“button”、“ins”、“del”开始标签之一

                                    <hr />

所提到的元素不允许出现在您放置它的上下文中；其他提到的元素是唯一允许在那里并且可以包含提到的元素的元素。这可能意味着您需要一个包含元素，或者您可能忘记关闭前一个元素。

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

" 或 "") 内联元素（例如 ""、"" 或 ""）。

代码

<!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>

更新：我尝试用 div、span 替换 html，但我一直产生同样的错误

4

1 回答 1

-1

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

于 2014-01-30T10:30:39.870 回答