Shulou(Shulou.com)06/01 Report--

This article mainly introduces what are the inline tags in html5. It is very detailed and has a certain reference value. Friends who are interested must read it!

Html5 inline tags are: span, a, label, code, input, abbr, em, b, big, cite, I, Q, textarea, select, small, sub, sup, strong, u, li, ins, del, dfn, kbd and so on.

The operating environment of this tutorial: windows7 system, HTML5 version, Dell G3 computer.

HTML tags (elements) can be divided into two categories, block-level elements and inline elements (also known as inline elements).

Html5 inline elements

The main characteristics of the inline elements are as follows:

Inline elements and other elements are displayed on the same line

The width, height, outer and inner margins of the inline elements can not be changed.

The width of an inline element is the width of its contents and cannot be changed.

Only text or other inline elements can be contained in inline elements.

The most commonly used in-line elements are span, as well as 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 and so on.

Inline elements often have some special display effect, which can replace part of the CSS style, which is very useful, such as:

And tags can modify fonts

And two 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:

Invalid set width width

Setting height height is not valid, but row height can be set through line-height

The margin outer margin can be set, but it is only valid for the left and right outer margins, not up and down.

When setting the padding inner margin, only the left and right padding is valid, while the upper and lower padding is invalid. It should be noted that the element range is increased, but it has no effect on the content around the element.

You can switch elements between inline and block-level elements through the display attribute.

The above is all the content of the article "what are the inline tags in html5?" Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.