List of HTML5 elements that can be nested inside P element?
Asked Answered
E

1

126

I am trying to figure all the valid HTML5 elements that can be nested inside paragraph elements such that w3 validator doesn't show any errors. I mean I am trying to figure all tags that can replace the dots in the following code such that w3 validator doesn't show any errors:

<p>...</p>

Is there such a list available? I tried searching on Google without any luck.

Even if the converse list is available, i.e. elements that can not be nested inside paragraph elements, it is good enough for me.

Emancipator answered 24/3, 2012 at 13:57 Comment(2)
possible duplicate of: #4968476 (unflagged): any decent answer to that will answer how to read the HTML spec and thus also answer this.Streamlet
The above link is NOT a duplicate.Orleanist
O
169

The HTML5 spec tells us that the <p> element's content model is phrasing content. Phrasing content is defined by the spec:

3.2.5.1.5 Phrasing content

Phrasing content is the text of the document, as well as elements that mark up that text at the intra-paragraph level. Runs of phrasing content form paragraphs.

  • a (if it contains only phrasing content)
  • abbr
  • area (if it is a descendant of a map element)
  • audio
  • b
  • bdi
  • bdo
  • br
  • button
  • canvas
  • cite
  • code
  • command
  • datalist
  • del (if it contains only phrasing content)
  • dfn
  • em
  • embed
  • i
  • iframe
  • img
  • input
  • ins (if it contains only phrasing content)
  • kbd
  • keygen
  • label
  • map (if it contains only phrasing content)
  • 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
  • text
  • Ossicle answered 24/3, 2012 at 14:7 Comment(6)
    Why does this validates correctly then on the validator page html5.validator.nu <p>Hello world<em>Test</em><img src="http://google.com/asd/cp" alt="Description"/></p>Vandenberg
    @GabrielRodriguez I would expect that to validate. Why do you expect it not to?Ossicle
    ooops, sorry never mind, because I thought <img> was not on the list, but now I see it is. sorry.Vandenberg
    I should point out that sub elements should also be on that list. For example, the <option> element is under the <select> element, so it should also be legal in between the <p> and </p>Farci
    Sub elements should not be on this list because this is a list only of elements allowed within <p> elements, not of elements that are allowed within elements that are allowed within <p> elements nor of elements that are allowed within elements that are allowed within elements that are allowed within <p> elements. If you want to know what's allowed with the elements listed, click the name of the element; it's a link to the definition of that element which has a list of the elements allowed within it.Schnook
    CONCRETE INFORMATION GIVEN BY YOU....Parceling

    © 2022 - 2024 — McMap. All rights reserved.