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>
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>
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>
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>
5. Mark
This tag allows you to highlight words, or phrases that you consider important for your audience to see.
<mark>Marked Text</mark>
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)
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. :)
That's true, the chances of HTML deperacating these tags are slim, but it has happen before! Like with the tag. :)
Wow!
Thanks a lot for sharing, these are awesome and will help me a lot...
Thanks Krishna for your encouraging comment!
🚀💻
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.
Thanks TD for your encouraging comment! I hope this post was beneficial to you!
It was! 😊
- 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.
- 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.
- 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.
- 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.
Thanks jack!
What's the different use case for cite vs blockquote? And details/summary is awesome! And accessible too!
blockquote represents a block quotation, and cite represents a reference to a name, work, standard, URL, etc.
Usar as tags para cada tipo certo ajuda com a acessibilidade. Js
adfadf