Can HTML tags be nested?

HTML tags can be nested. The nesting rules in HTML are: 1. Block elements can contain inline elements or certain block elements, but inline elements cannot contain block elements; 2. Block-level elements cannot be placed inside p elements; 3. h1, h2, h3, h4, h5, h6, p and dt elements can only contain inline elements and can no longer contain block-level elements.

The operating environment of this article: Windows 10 system, html5 version, Dell G3 computer.

Can HTML tags be nested?

Can HTML tags be nested?

The general rules for tag nesting are as follows:

1. Block tags Inline tags can be nested, block tags may not be able to nest block tags (for example, p tags cannot nest other block tags), and inline tags cannot nest blocks (there is a special case of a tag, which can nest divs):

Block nested block example:

2. Block-level elements cannot be placed inside p elements

Special cases (error examples :

The a tag is very special. It can nest divs and inline tags, but it cannot nest itself ().