53

私のHTMLは以下の通りです。すべての要素を開いて閉じました。それでもw3cで確認すると、エラーが表示されます。私はそれを理解することはできません。 

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Untitled Document</title>
    </head>

    <body>
        <p>
            <div class="inr_content clearfix">
                 <div class="col2 first fl">
                      to provide a drive-in services.
                 </div>
                 <div class="col2 last fr">
                      to provide a drive-in services.
                 </div>
            </div>
        </p>
    </body>
</html>
4

3 に答える 3

67

pこれは、無効なタグ内にブロック レベルの要素をネストしているためです。span、aおよびタグimg内などのインライン要素のみをネストできます。pしたがって、あなたのマークアップは無効です。次のようなものを作成することを検討してください

<div class="inr_content clearfix">
   <div class="col2 first fl">
      <p>to provide a drive-in services.</p>
   </div>
   <div class="col2 last fr">
      <p>to provide a drive-in services.</p>
   </div>
</div>

W3C [1]から:

P 要素は段落を表します。ブロック レベルの要素 (P 自体を含む) を含めることはできません。

1 -参照

于 2014-01-13T06:05:50.717 に答える
1

タグ内に div を意味的に配置することはできません<p>。

于 2014-01-13T06:06:21.827 に答える