DEV Community

Cover image for Top 10 Unused HTML Tags
Prayush Adhikari
Prayush Adhikari

Posted on • Updated on

Top 10 Unused HTML Tags

#html #webdev #beginners #programming

HTML has a variety of tags that are very useful for better website development or developing experience.
I have created 10 less-used HTML tags that can improve our HTML code and make it more professional.

  • <details>: Used to create a disclosure widget to show/hide additional information. 
<details>
    <summary>Click to reveal more</summary>
    <p>Additional information goes here.</p>
</details>
Enter fullscreen mode Exit fullscreen mode

Image description

  • <time>: Represents a specific period in time or date. 
<p>Meeting scheduled for <time datetime="2024-02-14">today</time>.</p>
Enter fullscreen mode Exit fullscreen mode

Image description

  • <abbr>: Defines an abbreviation or acronym. 
<p>The <abbr title="World Health Organization">WHO</abbr> is leading the fight against COVID-19.</p>
Enter fullscreen mode Exit fullscreen mode

Image description

  • <progress>: Displays the progress of a task or process. 
<progress value="70" max="100">70%</progress>
Enter fullscreen mode Exit fullscreen mode

Image description

  • <mark>: Highlights text within a document. 
<p>Search results: <mark>HTML</mark> and <mark>CSS</mark>.</p>
Enter fullscreen mode Exit fullscreen mode

Image description

  • <cite>: Specifies the title of a creative work, like a book or a movie. 
<p><cite>The Great Gatsby</cite> by F. Scott Fitzgerald</p>
Enter fullscreen mode Exit fullscreen mode

Image description

  • <samp>: Represents sample output from a program or computing system. 
<p>User input: <samp>ls -l</samp></p>
Enter fullscreen mode Exit fullscreen mode

Image description

  • <kbd>: Indicates keyboard input. 
<p>To save, press <kbd>Ctrl + S</kbd>.</p>
Enter fullscreen mode Exit fullscreen mode

Image description

  • <wbr>: Represents a word break opportunity within the text. 
<p>LongWordWithNoSpaces<wbr>BrokenHere</p>
Enter fullscreen mode Exit fullscreen mode

Image description

  • <figure> and <figcaption>: Used together to encapsulate media content (like images) with a caption. 
<figure>
    <img src="image.jpg" alt="Description">
    <figcaption>Caption describing the image</figcaption>
</figure>
Enter fullscreen mode Exit fullscreen mode

Image description

Top comments (0)

Read next

orlidev profile image

** Programación con Kung Fu Panda: Dominar el Paradigma de Orientación a Objetos **🐼

Orli Dun -

anushkatripathi310 profile image

Cyber-safe Digital Space

Anushka Tripathi -

phukon profile image

Be a Better UI Engineer: Selectively Exclude CSS Styles

phukon -

daunderworks profile image

How do you use git between devices?

Doug Bridgens -