DEV Community

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

Posted on

3

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

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

Cloudinary image

Zoom pan, gen fill, restore, overlay, upscale, crop, resize...

Chain advanced transformations through a set of image and video APIs while optimizing assets by 90%.

Explore

👋 Kindness is contagious

Engage with a sea of insights in this enlightening article, highly esteemed within the encouraging DEV Community. Programmers of every skill level are invited to participate and enrich our shared knowledge.

A simple "thank you" can uplift someone's spirits. Express your appreciation in the comments section!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found this useful? A brief thank you to the author can mean a lot.

Okay