
Firefox is misinterpretting the HTML code
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>
Променено на
Избрано решение
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>Прочетете този отговор в контекста 👍 1
Всички отговори (1)
Избрано решение
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>