DEV Community

Cover image for 5 Unsung HTML Tags You Really Should Know🤔
acode123
acode123

Posted on • Originally published at freetechnologyhelp.com

5 Unsung HTML Tags You Really Should Know🤔

HTML is such a simple language that most developers don't even consider it as a programming language, but today, we are going to go below the surface, and uncover 15 HTML tags that you can take advantage of today!

1. Cite

Cite is a tag that allows you to reference sources you mentioned throughout your website. It is mostly used in citing bibliographic or other site references.

<cite> example.com </cite>

Example of Cite

2. Address

Another HTML tag that acts pretty much exactly the same as the Cite tag. As the name suggests, this tag allows you to mark addresses.

<address style="font-size: 21px;">
Somewhere
<br>
1234 Street
<br>
Something, AUS
</address>

Example of Address

3. Details

This tag allows you to create a button which displays some information once clicked.

<details> <summary>Developers</summary> <p>The most important Occupation</p></details>

Details Example

4. Progress

You know those progress bars that show you how much percent a file is downloaded? Well, this is the tag behind that magic.

<label>Downloading progress:</label><progress value="32" max="100"> 32% </progress>

Example of progress

5. Mark

This tag allows you to highlight words, or phrases that you consider important for your audience to see.


<mark>Marked Text</mark>

Mark Example

A Quick Conclusion

Do I recommend you using any of these tags? Well, I don't. I believe that if these tags are unpopular, they might be no longer supported by HTML.

However, there is no harm in checking them out!

This post was first posted at: Free Technology Help

Top comments (14)

Collapse
 
gilfewster profile image
Gil Fewster • Edited

You should absolutely use these tags for the appropriate content. You can be confident that they are part of the future HTML specification and in no danger of being deprecated or removed from the language. :)

Collapse
 
acode123 profile image
acode123

That's true, the chances of HTML deperacating these tags are slim, but it has happen before! Like with the tag. :)

Collapse
 
krishnaagarwal profile image
Krishna Agarwal

Wow!
Thanks a lot for sharing, these are awesome and will help me a lot...

Collapse
 
acode123 profile image
acode123

Thanks Krishna for your encouraging comment!

Collapse
 
krishnaagarwal profile image
Krishna Agarwal

🚀💻

Collapse
 
tdaw profile image
TD

Thank you for creating this informative post! The first one is new to me. I have known about the other ones but only got a chance to play a little with them.

Collapse
 
acode123 profile image
acode123

Thanks TD for your encouraging comment! I hope this post was beneficial to you!

Collapse
 
tdaw profile image
TD

It was! 😊

Collapse
 
jack1278 profile image
jack1278
  1. - This tag allows you to create a collapsible element on your webpage, which can be used to hide or reveal additional information. It's great for creating FAQs or other complex content that needs to be hidden until the user wants to view it.

  2. - This tag is used to create an image or other media element on a page. It's often used in combination with the

    tag to provide a caption or description for the image.

  3. - This tag is used to create a dialog box or popup window on a page. It's great for displaying messages, forms, or other content that needs to be displayed in an interactive way.

  4. - This tag is used to create a menu on a page. It can be used for navigation menus, drop-down menus, or any other type of menu you might need.
  5. - This tag is used to create a progress bar or meter on a page. It's great for displaying progress towards a goal or showing how much of a task has been completed.

Collapse
 
acode123 profile image
acode123

Thanks jack!

Collapse
 
julie_lewis_11d5eeebeddf7 profile image
Julie Lewis

What's the different use case for cite vs blockquote? And details/summary is awesome! And accessible too!

Collapse
 
acode123 profile image
acode123

blockquote represents a block quotation, and cite represents a reference to a name, work, standard, URL, etc.

Collapse
 
nekozer0 profile image
José Muhongo de Almeida

Usar as tags para cada tipo certo ajuda com a acessibilidade. Js

Collapse
 
shakeelahamdgr profile image
shakeel

adfadf