Detailed introduction to html block elements and inline elements

Original text here

Classification of block-level elements
Block-level elements are divided into three types according to whether they are applied to structure or content: structured block elements, terminal block elements, and multi-target block elements.
1. Structured block elements
This type of element is used to construct the structure of the document. A good document structure is very beneficial to search engines and the application of other technologies (such as JavaScript) . They have no semantic meaning. They only divide the organization of the document and do not reflect the content of the document.
Main structured block elements
*

*

*


*
Support structured elements
*


*


*


*


*
*
*
*
2. Terminal block elements
This type of element is used to move from structure to content, and they have semantic meaning , can indicate the nature of the content. Terminal block elements belong to the end of the structure. They cannot contain other block-level elements, only text or line-level elements.
Terminal block element
*

...


*


*


*


*

Multi-objective block elements have structural connotations when used in a structured manner, and semantic connotations when used in terminal form.
Multi-target block elements can contain either block elements or content (the combination of text and line-level elements is content), but not both at the same time. Content should be placed in block elements. Block elements should not be used as siblings of line-level elements and text. Due to the limitations of the HTML validator, there is currently no way to detect this situation, but it should be avoided.
Multi-target block elements
*


*


*


*


*


*

The above is the detailed content of Detailed introduction to html block elements and inline elements. For more information, please follow other related articles on the PHP Chinese website!