1

次のHTMLは、W3C HTML 5バリデーター（http://validator.w3.org/check）チェックに合格できません。

<!DOCTYPE html><html>
<head>
<title>Test</title> <meta charset="utf-8"/>
</head>
<body>
 <p>
    This is a demo.
    <aside >
        <p>Aside element node.</p>
    </aside>
 </p>
</body>
</html>

ただし、pタグを他のタグ（たとえば、divタグ）に変更すると、W3Cバリデーターチェックに合格します。

<div>
    This is a demo.
    <aside >
        <p>Aside element node.</p>
    </aside>
</div>
</body>

なんで？

4

1 に答える 1

2

Aside要素は次のとおりです。

コンテンツに接線方向に関連するコンテンツで構成されるページのセクション...

（強調追加）

フローコンテンツです。p要素は段落を表し、次のように定義されるフレーズコンテンツを含みます。

ドキュメントのテキスト、および段落内レベルでそのテキストをマークアップする要素。一連のフレージングコンテンツが段落を形成します。

とメモ：

フレージングコンテンツとして分類されるほとんどの要素には、フローコンテンツではなく、フレージングコンテンツとして分類される要素のみを含めることができます。

そのため、仕様によれば、HTML5に準拠していないため、合格しないというフラグが立てられます。

また、脇のページから：

aside要素はドキュメントのメインフローの一部であるため、括弧だけに使用することは適切ではありません。

これが不適切な使用法であるという別のヒントを与えます。

于 2012-06-12T07:46:23.093 に答える