DEV Community

Cover image for Unusual HTML tags worth knowing 🧩

Unusual HTML tags worth knowing 🧩

Christopher Kade on May 28, 2019

Using the right HTML elements has more importance than many of us realise. Known as Semantic HTML, it's all about bringing meaning to the page and ...
Collapse
 
sudocat profile image
Robin Neal

Over all pretty good, but you should probably avoid advising folks use the hgroup element. It looks like you've grabbed these code examples from MDN, so you should probably have spotted the usage notes on hgroup, which notes that it's been removed from the HTML spec.
For further reading on heading markup, you can check out this

Collapse
 
christopherkade profile image
Christopher Kade

Absolutely, thank you for pointing it out. I should have mentioned it as I have for other elements.

Collapse
 
patrick profile image
Patrick Ziegler

What about <marquee> though? 😅😅

Collapse
 
menno11100 profile image
menno11100

marquee is deprecated

Collapse
 
mevolkan profile image
it's volkan 😎

does it have a replacement?

Thread Thread
 
patrick profile image
Patrick Ziegler
Collapse
 
rakkarage profile image
Rakka Rage • Edited

mark
highlight text
/mark

dev.to/samanthaming/highlight-text...

Collapse
 
larsderichter profile image
Lars De Richter

Nice collection, but there is a problem with your explanation of the address-element, although it is a very common misconception (I have used it loads of times in this way). The HTML5 Doctor explains it very clearly: html5doctor.com/the-address-element/

Collapse
 
christopherkade profile image
Christopher Kade

Thank you so much for pointing it out, that's valuable information, i'll add it to the article as soon as I can 😄

Collapse
 
campbellbartlett profile image
campbellbartlett

Great article. I had no idea about any of these, I can definitely see myself using the hgroup tag in the future.

Collapse
 
dys profile image
Brian Dys Sahagun • Edited

In replacement of <hgroup>, MDN has some other suggestions:

w3.org/TR/html52/common-idioms-wit...

Collapse
 
christopherkade profile image
Christopher Kade

Glad you found some use out of it. I thought the exact same thing when I discovered hgroup 😄

Collapse
 
saigkill profile image
Sascha Manns

Thank you very much for sharing that information. Some of the mentioned, i haven't known so far.

Collapse
 
christopherkade profile image
Christopher Kade

Glad you've learned something out of it ! Thank you for reading 🙂

Collapse
 
mahdipourlotfi profile image
Mahdi pourlotfi

thanks, for this handy article

Collapse
 
hayrettinsalgin profile image
hayrettin

Thanks so much

Collapse
 
papaponmx profile image
Jaime Rios

Neat, thanks for sharing!

Collapse
 
arj profile image
arj

Thanks, especially grouping the headers is something worth knowing.

Collapse
 
capsule profile image
Thibaut Allender

Except it’s not :-)

Collapse
 
bbarbour profile image
Brian Barbour

I love Semantic HTML. Good article!

Collapse
 
isalemshami profile image
Salem Shami | サルム

Thanks for the great article and some of them look really interesting to use,

My question is are those really help in SEO when using them ?

Collapse
 
scrabill profile image
Shannon Crabill

Ah, I had forgotten about these tags

Collapse
 
robrwo profile image
Robert Rothenberg

You're better off using RDFa or Microdata for semantic markup. Search engines understand it (at least partially), and the vocabulary is much more general.

Collapse
 
aleon1220 profile image
Andres Leon

Thank you. I liked it

Collapse
 
ut4utc profile image
ut4utc • Edited

Hi Bro, what about this tags:
< q >, < mark >, < time >, and & #8209;

Collapse
 
christopherkade profile image
Christopher Kade

It's a non exhaustive list :)

Collapse
 
vuild profile image
Vuild

Good tips Christopher.

👍

Collapse
 
adam_cyclones profile image
Adam Crockett 🌀

How about the deprecated ones not worth knowing unless at some sort of developer pub quiz (I wish that was a thing)
menu element
frameset element