Home > Article > Web Front-end > What are the inline tags in html5
html5 inline tags include: span, a, label, code, input, abbr, em, b, big, cite, i, q, textarea, select, small, sub, sup, strong, u, li , ins, del, dfn, kbd, etc.
The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.
HTML tags (elements) can be divided into two categories, namely block-level elements and inline elements (also called inline elements).
html5 Inline elements
The main characteristics of inline elements are as follows:
Inline elements and other elements will be displayed on the same line;
The width, height, margins and padding of inline elements cannot be changed;
The width of an inline element is the width of its content and cannot be changed;
Inline elements can only accommodate text or other inline elements.
The most commonly used inline element is span, in addition to img, a, label, code, input, abbr, em, b, big, cite, i, q, textarea, select, small, sub, sup, strong, u, li, ins, del, dfn, kbd, var, etc.
Inline elements often have some special display effects, which can replace some CSS styles and are very practical, such as:
and
and tags are used to define subscript text and superscript text respectively.
For the use of inline elements, you need to pay attention to the following points:
Setting the width width is invalid;
Setting the height height is invalid, but you can set the line height through line-height;
You can set the margin margin, but it is only valid for the left and right margins, not the top and bottom margins;
When setting the padding inner margin, only the left and right padding is valid, while the top and bottom padding is invalid. It should be noted that the range of the element is increased, but it has no effect on the content around the element;
You can switch elements between inline elements and block-level elements through the display attribute.
[Related recommendations: html video tutorial, web front-end】
The above is the detailed content of What are the inline tags in html5. For more information, please follow other related articles on the PHP Chinese website!