Perché un tag iframe a chiusura automatica impedisce la visualizzazione di ulteriori elementi DOM?

Question

Su Firefox e Safari, il seguente codice visualizza solo il primo iframe

<iframe src="http://www.bing.com"/> 
<iframe src="http://www.tsr.ch"/> 

, mentre l'aggiunta del tag di chiusura risolve il problema

<iframe src="http://www.bing.com"></iframe> 
<iframe src="http://www.tsr.ch"></iframe> 

Non capisco il motivo per cui non funziona. Quando si analizza il secondo esempio con DOMParser, comunque esegue la trasformazione in iframe a chiusura automatica.

violino qui: http://jsfiddle.net/hLcukz6p/

Answer 1

Poiché l'elemento iframe non è un elemento a chiusura automatica. Le versioni di Firefox e Safari che stai utilizzando stanno trattando il /> alla fine come solo > e assumendo tutto dopo che è contenuto all'interno dello iframe.

Se tentiamo di passare il codice che hai dato attraverso W3C's validator vedremo i seguenti errori:

Error: Self-closing syntax (/>) used on a non-void HTML element. Ignoring the slash and treating as a start tag.

<iframe src="http://www.bing.com"/> 

Error: End of file seen when expecting text or an end tag.

</html> 

Error: Unclosed element iframe .

<iframe src="http://www.bing.com"/> 

Se si controlla il documento con Element Inspector del browser, vedrete che cosa sta succedendo .

Chrome, che sto utilizzando, converte l'invalido <iframe ... />-<iframe ...></iframe>:

Answer 2

Non c'è cosa come un "iframe a chiusura automatica" in HTML (o, se è per questo, qualsiasi altro tipo di tag a chiusura automatica, ci sono solo alcuni elementi in cui il tag finale può o deve essere omesso e iframe non è uno di questi).

Si dispone di un tag iframe con un valore non valido / alla fine.

Tutto ciò che segue è un nodo figlio dell'iframe, quindi è considerato come contenuto alternativo per i browser che non supportano iframe.

---

XHTML supporta i tag a chiusura automatica, e ogni elemento può essere aggiunto utilizzando uno (se non si è compatibile HTML).

HTML 5 consente un / alla fine di un tag di inizio per un elemento quando il tag di fine viene omesso, ma non ha alcun effetto oltre a soddisfare la dipendenza XML e gli evidenziatori di sintassi errata.