Top 10 HTML elements you don't know about

1. Audio

The <audio> tag initializes the sound, such as music or audio stream. Three formats are currently supported: MP3, WAV and OGG.

2. Quote

<blockquote> will indicate a section that is cited from another source.

3. Output

The HTML <output> tag is used to display the results of the calculations. You can use the plus sign and the equality symbol, which will be shown in <output file>. In the attribute specify the identifiers of the two elements.

4. Image

<image> will accurately identify the source of the image. Instead of a picture that can be scrolled depending on the width of the window, the <image> tag contains two elements: one or several <source> and one <image> element.

The <source> element has the following attributes:

srcset (required): points to the URL of the displayed image;

media: accept any valid media request that can be defined in CSS;

dimensions: single width value, media query list or media query section is defined;

type: MIME type is defined.

The browser uses attribute values ​​to load the most appropriate image. It works with the first element <source>, and ignores the rest.

The <img> tag is used for feedback if the browser does not support the element, or none of the <source> tags are appropriate.

5. Progress

<progress> visualizes the progress of something.

Ahtung! This is NOT a replacement for the <meter> tag.

Requests must be <meter>.

6. Meter

And here it is! The <meter> HTML tag uses a scalar measurement in a specific range or a fractional value to represent, for example, search results or pressure measures.

7. Template

The <template> contains hidden pieces of code from the user that can be reused for their own purposes.

Using the JavaScript programming code, you can use the contents of the code above using cloneNode ():

8. Time

The <time> element initializes the “machine” date or time format in order to use it, for example, in a calendar or a schedule. "Smart" search results.

9. Video

The <video> container can hold a video clip or video stream. Supported formats: MP4, WebM and Ogg.

10. The possibility of breaking words among HTML elements

If you have a long piece of text or a word, you can use the <wbr> tag, an ideal placeholder for a space. This is not a broken text.

Got a project in mind?
processing of personal data
You must accept agreement
Your letter has been sent
Sending...