DEV Community

Cover image for 10 Advance HTML tag you should know!
Rabiul Hossen
Rabiul Hossen

Posted on

10 Advance HTML tag you should know!

Nowadays web development demand is increasing rapidly and People are increasingly leaning toward it. So it is very important to be efficient in the development field. As an experienced and enthusiastic developer, you should know HTML in detail which your work easier in daily programming life.
In this article, I am writing about 10 advanced HTML tags. I hope you will benefit from this.

  1. <details>

The details> element is used to generate a widget that can be opened and closed by the user. It is commonly used to offer the user additional details that are not directly related to the page's content. The details> element contains a single child element, which must be an <summary> element, which acts as a summary or label for the details. The <details> element contains the rest of the material.

  1. <summary>

In HTML, the summary> element is used as a child element of the details> element. The summary> element's content is typically displayed to the user as a clickable widget that, when clicked, reveals the rest of the content contained within the details> element.

  1. <datalist>

You can use the HTML tag <datalist> to create a dropdown or searchable text inside an input field without using any javascript.

The<datalist> tag provides a pre-defined list of autocomplete options for the input element. Simply use the tag to add a list of options inside the element<datalist>.

  1. <dialog>

The<dialog> element enables the creation of popup dialogs and modals on a web page. It can be used to create modal dialogs or other types of overlays that required the user's involvement before being dismissed.

  1. <meter>

The meter> tag defines a scalar measurement or a fractional value inside a defined range. It is frequently used to display gauged or measured data, such as progress bars, thermometers, or use meters.

  1. <cite>

The title of a creative work, such as a book, film, sculpture, or lyric, is indicated by the <cite> element. It is used to give credit to the work's original creator. The <cite> element's content is normally presented in italics text.

  1. <fieldset>

The <fieldset> tag is used to group related elements in form sections. The <fieldset> tag creates a box around related items and can also be used to create an aesthetically designed box around form elements.

  1. <legend>

The <legend> element represents a caption for a <fieldset> element in an HTML form. It should be the first child element of the <fieldset> element.

  1. <del> & <ins>

Tell the user what the previous content was if you want to indicate that the content has been updated.Then, you can do it using the HTML tags del and ins.

A group of newly inserted text to a document is represented by the HTML element<ins>. The <del> element can be used to represent a section of text that has been removed from the document in a similar way.

10.<sup> & <sub>

The <sup> element represents a superscript, which is a small piece of text that is displayed above the baseline around it. It is frequently used to signify a footnote or to indicate that a piece of text is a reference or citation.
The <sub>tag provides subscript text. Subscript text appears half a character below the normal line.

Happy Coding, Happy Learning

Top comments (0)