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

This article mainly introduces "what is the tag that html does not commonly use". In daily operation, I believe many people have doubts about what is the tag that html does not commonly use. Xiaobian consulted all kinds of information and sorted out simple and easy to use operation methods. I hope to help you answer the question of "what is the tag that html does not commonly use"! Next, please follow the small series to learn together!

HTML tags that are not commonly used are pre, figure, figcaption, em, strong, del, ins, sub, sup, ruby, bdo, vedio, audio, track, optgroup, output, progress, meter, and so on.

Operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

html uncommon tags 1, pre tags

HTML elements represent predefined formatted text. The text in this element is usually presented in monospaced font as it was in the original file, and white space characters (such as spaces and newlines) in the text are displayed.

For example:

I is want --------------------------- chaos seven \ ^__^ eight was \ (oo)\_______ (__)\ )\/\ the locating write ||----w | || || out ~

Effect drawing:

Figure and figcaption

An HTML element represents a separate piece of content, often used with a caption, and as a separate unit of reference. When it belongs to the main flow, its location is independent of the body. This tag is often a reference to images, illustrations, tables, code snippets, etc. in the main text.

Beautiful sea view ~

Effect drawing:

3. em label and strong label

HTML emphasis element () marks the content that needs to be read emphatically by the user. Elements can be nested. The deeper the nesting level, the more important the content is to be read emphatically. It is generally displayed as "oblique font".

The Strong element () indicates that the text is important and is generally shown in bold.

4. del tag and ins tag

HTML tags represent text content that has been deleted from a document. This tag can be used, for example, to display modified records or differences in source code.

This text has been deleted. , please visit other sections

Effect drawing:

HTML elements define text that has been inserted into a document.

This text is newly inserted into the document.

Effect drawing:

5, sub label and sup label

HTML elements define a text area that should be displayed lower and smaller than the main text for typographical reasons.

Chemical formula of water: H2O

Effect drawing:

HTML elements define a text area that should be displayed lower and smaller than the main text for typographical reasons.

2 + 32= 11

Effect drawing:

6. Ruby label

HTML elements are used to display phonetic or character annotations for East Asian scripts.

Qu (qu) Xiao (xiao) Qiang (qiang)

Effect drawing:

7. bdo label

Specifies the text orientation of child elements, explicitly overriding the default text orientation.

Element ( HTML Bidirectional Overlay Element) is used to override the orientation of the current text so that characters are arranged in a given direction.

This text goes from left to right.

This text goes from right to left.

Effect drawing:

When you write a lot of styles in css, have you ever thought that there is a tag that can replace a lot of style attributes?

8, vedio, audio and track

Vedio, audio and track are all products of HTML5. I believe many small partners must have used and because they are more commonly used, they will not be introduced here. Let's talk about it today.

HTML elements are used as children of media elements and. It allows specifying timed subtitles (or time-based data), such as automatically processing subtitles.

The type of data track adds to the media element is set in the kind attribute, which can be subtitles, captions, descriptions, chapters, or metadata. This element points to the source file containing timed text that the browser exposes when the user requests additional data.

Any two track child elements of a media element cannot have the same kind, srclang, and label attributes.

Sorry, your browser doesn't support embedded videos.

Effect drawing:

9. Optgroup label

Tags define groups of options.

The optgroup element is used to group options. When you work with a long list of options, combining related options makes it easier.

Option 1.1 Option 2.1 Option 2.2 Option 3.1 Option 3.2

Effect drawing:

A simple introduction to this feature, most of the time, we choose the framework development, will integrate this effect, maintainability is also better, here when the right to recognize this label, do not forget it ~

10、output

HTML tags are new tags in HTML 5 that represent the result of a calculation or user action, perform the calculation and then display the result in an element.

Note: Internet Explorer does not support tags.

+ =

Effect drawing:

11. Progress label

The progress () element in HTML is used to show the progress of a task.

Progress bar: 70% Progress bar:

Effect drawing:

Tip: Use tags with JavaScript to show the progress of tasks.

However, the general use of progress bars, are components, such as the framework comes with, this is a chicken rib, but understand or no harm, oh right, this label Internet Explorer 9 and earlier versions are not supported.

12, meter label

The meter element measures data within a given gauge compared to progress:

Display metrics:

3/10

60%

Effect drawing:

13. Details label

An HTML element creates a widget that displays the information it contains only when it is toggled to an expanded state. Element can provide a summary or label for the part.

click to expand

Everything in the world is for my use, not for mine.

Effect drawing:

Note: Currently only Chrome and Safari 6 support tags.

At this point, the study of "what is the tag that html does not commonly use" is over, hoping to solve everyone's doubts. Theory and practice can better match to help everyone learn, go and try it! If you want to continue learning more relevant knowledge, please continue to pay attention to the website, Xiaobian will continue to strive to bring more practical articles for everyone!

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.