P要素内にネストできるHTML5要素のリスト?


93

私は、w3バリデーターがエラーを表示しないように、段落要素内にネストできるすべての有効なHTML5要素を理解しようとしています。つまり、次のコードでドットを置き換えることができるすべてのタグを考えて、w3バリデーターがエラーを表示しないようにしているのです。

<p>...</p>

そのようなリストはありますか?運がよからずグーグルで検索してみました。

逆のリスト、つまり段落要素内にネストできない要素が利用できる場合でも、それで十分です。


重複の可能性:stackoverflow.com/questions/4967976/…(フラグなし):これに対する適切な回答があれば、HTML仕様の読み方がわかるため、これにも答えます。
Ciro Santilli郝海东冠状病六四事件法轮功

回答:


135

HTML5仕様は、<p>要素のコンテンツモデルがフレージングコンテンツであることを示しています。フレージングコンテンツは、仕様で定義されています。

3.2.5.1.5フレージングコンテンツ

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

  • a (フレージングコンテンツのみが含まれている場合)
  • abbr
  • area(それがmap要素の子孫である場合)
  • audio
  • b
  • bdi
  • bdo
  • br
  • button
  • canvas
  • cite
  • code
  • command
  • datalist
  • del (フレージングコンテンツのみが含まれている場合)
  • dfn
  • em
  • embed
  • i
  • iframe
  • img
  • input
  • ins (フレージングコンテンツのみが含まれている場合)
  • kbd
  • keygen
  • label
  • map (フレージングコンテンツのみが含まれている場合)
  • mark
  • math
  • meter
  • noscript
  • object
  • output
  • progress
  • q
  • ruby
  • s
  • samp
  • script
  • select
  • small
  • span
  • strong
  • sub
  • sup
  • svg
  • textarea
  • time
  • u
  • var
  • video
  • wbr
  • テキスト

  • なぜこれがバリデーターのページhtml5.validator.nuで 正しく検証されるのです<p>Hello world<em>Test</em><img src="http://google.com/asd/cp" alt="Description"/></p>
    Gabriel Rodriguez

    @GabrielRodriguez私はそれが検証されることを期待します。なぜあなたはそうしないと思いますか?
    マットボール

    おっと、申し訳ありませんが、私<img>はリストに載っていないと思っていましたが、今はそうです。ごめんなさい。
    ガブリエルロドリゲス

    2
    サブ要素もそのリストにある必要があることを指摘しておきます。たとえば、<option>要素は要素の下にある<select>ため、<p></p>
    Sablefoste

    これは内で使用できる要素のリストだけであるため、サブ要素がこのリストにあってはならない<p>要素ではなく、中に許可されている要素内で許可されている要素の<p>要素も内で許可されている要素内で許可されている要素内で許可されている要素の<p>要素。リストされたエレメントで許可されているものを知りたい場合は、エレメントの名前をクリックしてください。これは、要素内で許可されている要素のリストを持つ要素の定義へのリンクです。
    異教の猿
    弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
    Licensed under cc by-sa 3.0 with attribution required.