1

を使用して、記事のリストを画像、タイトル、時間、日付として表示したいUL。しかし、実際のWebサイトをテストするときにhttp://validator.w3.org/でテストすると、検証エラーが発生します

以下はダミーのスキーマであり、実際の HTML のほぼコピーです。コードとして HTML の下をテストするとエラーは発生しませんが、URL をテストすると以下に示すようにエラーが発生します

ドキュメント タイプは、ここで要素「hr」を許可しません。「object」、「applet」、「map」、「iframe」、「button」、「ins」、「del」開始タグのいずれかが欠落しています

                                    <hr />

言及された要素は、それを配置したコンテキストでは表示できません。他の言及された要素は、そこで許可され、言及された要素を含むことができる唯一のものです。これは、包含要素が必要であるか、前の要素を閉じるのを忘れている可能性があることを意味している可能性があります。

このメッセージの考えられる原因の 1 つは、ブロック レベルの要素 (「

" または "") インライン要素 (""、""、または "" など) 内。

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>

更新: html を div、span に置き換えようとしましたが、同じエラーが発生し続けました

4

1 に答える 1

-1

HRに関するw3schoolsのページには、トピックを切り替えるためのコンテンツの区切りを作成するために使用されると書かれています。したがって、インライン要素では「使用できない」と思います。@stckrboy がコメントで提案したように、代わりに CSS で行を作成します。

于 2014-01-30T10:30:39.870 に答える