DEV Community

Cover image for Some Underrated HTML Tag
Beginner Developer
Beginner Developer

Posted on • Edited on • Originally published at beginners-developer.blogspot.com

43 12

Some Underrated HTML Tag

Address Tag

The <address> HTML element indicates that the enclosed HTML provides contact information for a person or people, or for an organization.
Address Tag

Output:
Address Tag Output

Output Tag

In the following example, the form provides a slider whose value can range between 0 and 100, and an <input> element into which you can enter a second number. The two numbers are added together, and the result is displayed in the <output> element each time the value of any of the controls changes.

Output Tag

Output:
Output Tag  Output

Datalist Tag

The <datalist> HTML element contains a set of elements that represent the permissible or recommended options available to choose from within other controls.
Datalist Tag

Output:
Data List Output

Reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Element

Want to read More, Click Here

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (5)

Collapse
 
pixelmanya profile image
Dominik Mertz • Edited

Hey @beginnerdeveloper ,

Thanks for your effort and this list, didn’t know about e.g. the output tag.

One suggestion: in your last example you are showing the same „output“ screenshot as in the previous one.

Collapse
 
beginnerdeveloper profile image
Beginner Developer

Ohhh, My bad 🤦‍♂️😅
Updated last example Screenshot..
Thanks 😊

Collapse
 
adam_cyclones profile image
Adam Crockett 🌀

I love using datalist with range

Collapse
 
beginnerdeveloper profile image
Beginner Developer

😀

Collapse
 
samandcode profile image
Chijioke Emechebe

Thanks for the update

The output tag is pretty new to me😊

Cloudinary image

Zoom pan, gen fill, restore, overlay, upscale, crop, resize...

Chain advanced transformations through a set of image and video APIs while optimizing assets by 90%.

Explore

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay