DEV Community

Cover image for ๐Ÿ”ŸLesser-Used Yet Valuable HTML Tags๐Ÿ‘จโ€๐Ÿ’ป

๐Ÿ”ŸLesser-Used Yet Valuable HTML Tags๐Ÿ‘จโ€๐Ÿ’ป

Sudhil Raj K on February 09, 2024

Introduction โœจ HTML is fundamental to our journey as developers, serving as a cornerstone since the beginning of our software developmen...
Collapse
 
thomasbnt profile image
Thomas Bnt โ˜•

Hello good HTML post ! I Liked!

Don't hesitate to put colors on your codeblock like this example for have to have a better understanding of your code ๐Ÿ˜Ž

console.log('Hello world!');
Enter fullscreen mode Exit fullscreen mode

Example of how to add colors and syntax in codeblocks

Collapse
 
sudhil profile image
Sudhil Raj K

Thank you for your positive feedback, Thomas! I'm glad you liked the post. I appreciate your suggestion,๐Ÿ™Œ and I'll definitely consider adding colors to the code blocks in future posts. Anyway I have updated this one!๐Ÿ˜Š

Collapse
 
thomasbnt profile image
Thomas Bnt โ˜•

๐Ÿ•บ๐ŸŽ‰

Collapse
 
msamgan profile image
Mohammed Samgan Khan

Data list Is a life saver...

Collapse
 
sudhil profile image
Sudhil Raj K

Absolutely dude! The <datalist> element is indeed a lifesaver when it comes to providing users with predefined options while still allowing them the flexibility to enter their own values. It's one of the more commonly utilized items from the list.
Thanks for reading ๐Ÿ˜Š๐Ÿ‘

Collapse
 
cdhdeveloper profile image
Christopher Henderson

So essentially it's a combobox?

Thread Thread
 
sudhil profile image
Sudhil Raj K

Yes, it's similar to a combobox as both offer predefined options with user input flexibility. However, the <datalist> element provides suggestions as users type and is integrated directly into the input field, creating a more seamless experience. Thanks for pointing out the connection, Christopher!๐Ÿ˜Š๐Ÿค

Collapse
 
rumendimov profile image
Rumen Dimov

Thanks for the reminder :), the progress element was something I had completely forgotten

Collapse
 
sudhil profile image
Sudhil Raj K

You're welcome, Rumen! ๐Ÿ˜Š๐Ÿ‘ I haven't actually utilized the native <progress> element in any of my projects!๐Ÿ˜ƒ

Collapse
 
lovestaco profile image
Athreya aka Maneshwar

Good search might want to add GIFs after the code blocks, it'll make be a good addition to the reader, they don't have to read the whole content to understand. Try the ADEPT framework it works charmingly. There are many other such frameworks as well you can stick to any one. Keep up :)

Collapse
 
sudhil profile image
Sudhil Raj K

Thank you for the suggestion, @lovestaco ! Adding GIFs after the code blocks sounds like a great way to enhance the reader's experience and understanding. Your feedback is much appreciated. ๐Ÿ˜Š๐Ÿ‘

Collapse
 
ludamillion profile image
Luke Inglis

Another one (kinda two) I like are the <figure> and <figcaption> elements. Itโ€™s ideal for when you have an image with semantic content, a code snippet, or a pull quote.

Collapse
 
sudhil profile image
Sudhil Raj K

Certainly, Luke! The <figure> and <figcaption> elements indeed form a valuable combination. I've used these elements very rarely myself! Thank you for highlighting ๐Ÿ™Œ๐Ÿ˜Š

Collapse
 
jsspen profile image
Jordan Spencer

I don't know how rare it is but I really love <figcaption>

Collapse
 
sudhil profile image
Sudhil Raj K

You're absolutely right! <figcaption> is really nice.๐Ÿ™Œ๐Ÿ˜Š

Collapse
 
marksmith991 profile image
Mark Smith • Edited

I have reviewed the HTML code you shared, and it works perfectly. Thank you for sharing the HTML tags with all. @sudhil

Collapse
 
sudhil profile image
Sudhil Raj K

You're welcome Mark! I'm glad to hear that the code worked well for you.๐Ÿค Thanks for the feedback! ๐Ÿ˜Š๐Ÿ‘

Collapse
 
jangelodev profile image
Joรฃo Angelo

Hi Sudhil Raj K,
Excellent content, very useful.
Thanks for sharing.

Collapse
 
sudhil profile image
Sudhil Raj K

Thank you so much for your kind words! I'm glad you found the content useful. Happy reading! ๐Ÿ™๐Ÿ˜Š

Collapse
 
efpage profile image
Eckehard

Here are some more

Collapse
 
sudhil profile image
Sudhil Raj K

Amazing! Thanks for sharing๐Ÿค๐Ÿ”ฅ

Collapse
 
isagarjaiswal profile image
Sagar Jaiswal

Helpful

Collapse
 
sudhil profile image
Sudhil Raj K

Thank you Sagar!๐Ÿ™Œ I'm delighted to hear that you found the information helpful!๐Ÿ˜Š๐Ÿ‘

Collapse
 
tijogomez profile image
Tijo B Gomez

Very useful content Sudhil !

Collapse
 
sudhil profile image
Sudhil Raj K

Thank you, Tijo๐Ÿ˜Š Thanks for reading๐Ÿค๐Ÿ™Œ