Buscar en Ayuda

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Firefox is misinterpretting the HTML code

  • 1 respuesta
  • 4 tienen este problema
  • 1 visita
  • Última respuesta de cor-el

more options

In an HTML document, there is a p element containing many child elements followed by another p element. The browser does not realize the first ending tag is for the first p element, and so creates a third empty middle paragraph. Why would this happen?
Here is the code:

<!DOCTYPE html>
<html>
<body>
<p><div>A child of the first paragraph.</div></p>
<p>The second paragraph.</p>
</body>
</html>
In an HTML document, there is a p element containing many child elements followed by another p element. The browser does not realize the first ending tag is for the first p element, and so creates a third empty middle paragraph. Why would this happen? <br /> Here is the code: <pre><nowiki><!DOCTYPE html> <html> <body> <p><div>A child of the first paragraph.</div></p> <p>The second paragraph.</p> </body> </html></nowiki></pre>

Modificadas por cor-el el

Solución elegida

I don't think that you can place a DIV element inside a P element in Firefox (you can do the opposite and place a P in a DIV), so Firefox closes the P tag to open the DIV element and reopens the P tag after DIV container.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>
<p></p><div>A child of the first paragraph.</div><p></p>
<p>The second paragraph.</p>
</body></html>
Leer esta respuesta en su contexto 👍 1

Todas las respuestas (1)

more options

Solución elegida

I don't think that you can place a DIV element inside a P element in Firefox (you can do the opposite and place a P in a DIV), so Firefox closes the P tag to open the DIV element and reopens the P tag after DIV container.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>
<p></p><div>A child of the first paragraph.</div><p></p>
<p>The second paragraph.</p>
</body></html>