Lista de elementos HTML5 que podem ser aninhados dentro do elemento P?

93

Estou tentando descobrir todos os elementos HTML5 válidos que podem ser aninhados dentro de elementos de parágrafo de forma que o validador w3 não mostre nenhum erro. Quer dizer, estou tentando descobrir todas as tags que podem substituir os pontos no código a seguir, de forma que o validador w3 não mostre nenhum erro:

<p>...</p>

Essa lista está disponível? Tentei pesquisar no Google sem sorte.

Mesmo se a lista inversa estiver disponível, ou seja, elementos que não podem ser aninhados dentro de elementos de parágrafo, ela é boa o suficiente para mim.

Lone Learner
fonte
possível duplicata de: stackoverflow.com/questions/4967976/… (não sinalizado): qualquer resposta decente para isso responderá como ler a especificação HTML e, portanto, também responderá a isso.
Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功

Respostas:

135

A especificação HTML5 nos diz que o <p>modelo de conteúdo do elemento é o conteúdo de fraseado . O conteúdo da frase é definido pela especificação:

3.2.5.1.5 Conteúdo de frase

O conteúdo das frases é o texto do documento, bem como os elementos que marcam esse texto no nível intrapárgrafo. Execuções de parágrafos de forma de conteúdo de fraseado.

  • a (se contiver apenas conteúdo de frase)
  • abbr
  • area(se for descendente de um mapelemento)
  • audio
  • b
  • bdi
  • bdo
  • br
  • button
  • canvas
  • cite
  • code
  • command
  • datalist
  • del (se contiver apenas conteúdo de frase)
  • dfn
  • em
  • embed
  • i
  • iframe
  • img
  • input
  • ins (se contiver apenas conteúdo de frase)
  • kbd
  • keygen
  • label
  • map (se contiver apenas conteúdo de frase)
  • 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
  • texto
  • Matt Ball
    fonte
    Por que isso é validado corretamente na página do validador html5.validator.nu <p>Hello world<em>Test</em><img src="http://google.com/asd/cp" alt="Description"/></p>
    Gabriel Rodriguez
    @GabrielRodriguez Eu esperaria isso para validar. Por que você espera que não?
    Matt Ball
    opa, desculpe deixa pra lá, porque eu pensei que <img>não estava na lista, mas agora eu vejo que está. Desculpe.
    Gabriel Rodriguez
    2
    Devo salientar que os subelementos também devem estar nessa lista. Por exemplo, o <option>elemento está sob o <select>elemento, então também deve ser <p></p>
    válido
    Os subelementos não devem estar nesta lista porque esta é uma lista apenas de elementos permitidos em <p>elementos, não de elementos permitidos em elementos permitidos em <p>elementos, nem de elementos permitidos em elementos permitidos em elementos permitidos em <p>elementos Se você quiser saber o que é permitido com os elementos listados, clique no nome do elemento; é um link para a definição daquele elemento que contém uma lista dos elementos permitidos dentro dele.
    Macaco herege