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

This article mainly explains "what are the elements of HTML". The content of the explanation in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn what elements HTML has.

Audio

Tags can play an audio, such as music or other audio streams. Three file formats are currently supported: MP3, WAV, and OGG.

Running effect:

Blockquote

The label specifies the part referenced from another source.

Running effect:

Output

The label represents the result of a calculation. You can use the plus sign and the equal sign to specify that the first and second input values should be output to the output tag; you can use the for attribute that contains the ID of the two elements to merge.

Running effect:

Picture

Provide image versions for different display / device scenes by including zero or more elements and one element. The browser selects the most matching child element, and if there is no match, selects the URL in the element's src attribute. The selected image is then rendered in the space occupied by the element.

The source element has the following attributes:

Srcset (required): defines the URL of the image to be displayed

The media:media attribute allows you to provide a media condition (media condition) (similar to a media query) that is used by the user agent as the basis for selecting elements. If the media condition matches false, then this element will be skipped.

Sizes: defines a single width value, a single media query with a width value, or a comma-separated list of media queries with width values

The type:type attribute allows you to specify a MIME type for the resource that the element's srcset attribute points to. If the user agent does not support the specified type, this element is skipped.

If the browser does not support the element, or if all tags do not match, use tags to provide backward compatibility.

Progress

The label indicates the progress of the task.

Tags cannot replace tags, so components that indicate disk space usage or query result relevance should use tags.

Running effect:

Meter

The tag defines a scalar metric within a defined range, or a fraction value. You can also reference this tag by the name gauge.

You can use tags to display disk usage statistics or to indicate the relevance of search results.

Tags should not be used to indicate the progress of a task; these types of components should be defined by elements.

Running effect:

Template

The HTML content template () element is a mechanism for saving client-side content that is not rendered when the page is loaded, but can then be instantiated at run time using JavaScript.

With JavaScript, you can render this content using the cloneNode () method.

Time

The tag defines the date or time that the human can read. This can be used to encode the date and time in a machine-readable manner so that the user agent can add birthday reminders or scheduled events to the user's calendar. In addition, this allows search engines to produce "smarter" search results.

Running effect:

Video

The tag specifies a movie clip or video stream. Supported formats include MP4, WebM, and Ogg.

Running effect:

Word Break Opportunity

If you have a long block of text, or a long word, you can use tags to specify the ideal segmentation location in the body of the text. This is a way to ensure that browsers don't break text in strange places when resizing.

Running effect:

Thank you for your reading, the above is the content of "what elements does HTML have". After the study of this article, I believe you have a deeper understanding of what elements HTML has, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

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.