i contenuti all’interno dell’elemento p si avvolgono all’esterno dell’elemento

Sto usando il seguente codice nell’applicazione php.

data; ?>

Che viene visualizzato nel browser come di seguito:

 

foo dataription here

Ma se uso proprio così:

 data; ?> 

Quindi, rende correttamente l’elemento DOM in questo modo:

 

foo description here

Perché doen

data; ?>

data; ?>

non rende come sotto?

 

foo description here

Ho notato che $foo->data trasporta il tag html con

. Ma qualsiasi elemento a livello di blocco come div o p non può risiedere all’interno dell’elemento p.

Così,

 

foo description here

è reso da browser come questo:

 

foo description here

Come sta scartando l’elemento a livello di blocco, vale a dire p elemento al di fuori dell’elemento p.foo . È solo perché non possiamo annidare semanticamente alcun elemento a livello di blocco all’interno dell’elemento p .

Quindi, fai attenzione quando stai inserendo qualsiasi contenuto all’interno dell’elemento p per assicurarti che non ci siano elementi a livello di blocco all’interno dell’elemento p .

l’elemento p può contenere solo il contenuto della frase .

Il contenuto della frase è il testo del documento, così come gli elementi che marcano quel testo a livello di paragrafo. Loro sono:

a, abbr, area (se è un discendente di un elemento map), audio, b, bdi, bdo, br, button, canvas, cite, code, data, datalist, del, dfn, em, embed, i, iframe , img, input, ins, kbd, keygen, etichetta, mappa, mark, matematica, metro, noscript, object, output, progresso, q, ruby, s, samp, script, select, small, span, strong, sub, sup , svg, template, textarea, time, u, var, video, wbr, text

Spero, questo aiuti per ulteriori utenti.