DEV Community

Cover image for 7 useful HTML attributes you may not know

7 useful HTML attributes you may not know

Mariana Simon on September 22, 2021

HTML is the cornerstone of web development. Yet, many aspiring programmers merely skim the surface and move on to CSS, JS, etc, missing its entire ...
Collapse
 
okrohan profile image
Rohan Salunke •

Thanks for writing!
Extending #3: You could also use document.designMode = "on" to make all content editable which really helps while prototyping your html page.

Collapse
 
manutopik profile image
Emmanuel Salomon •

I've created a bookmark to toggle designMode :
javascript:(function(){document.designMode=document.designMode==="on"?"off":"on"})();
I realy often use it!

Collapse
 
raghad profile image
raghad-farhud •

can i ask what is designMode ?

Thread Thread
 
gaizkamg profile image
gaizkamg •
Thread Thread
 
techmaniacc profile image
Joseph Mania •

Thanks lol

Collapse
 
simonpaix profile image
Mariana Simon •

Thanks for the tip Rohan!

Collapse
 
beaufort420 profile image
JP Beaufort •

Over the 2 to 3 years of coding and programming, I completely forgot the power HTML gave me alone. Today it's easy to add css and js to a website, but before I even knew of frameworks and responsive design, HTML helped me get 89% for my Practical Assignments in our school's computer class. So go out and learn more of HTML, it's really not that boring.

Collapse
 
simonpaix profile image
Mariana Simon •

True. You can do a lot with HTMl only.

Collapse
 
felixhtoo30 profile image
Felix H. •

Yes, can do a lot except hacking NASA.
Just kidding 😁

Thread Thread
 
techmaniacc profile image
Joseph Mania •

without datacommunication and Networking how can ur mid associate with NASA🤣🤣🤣just kidding

Thread Thread
 
felixhtoo30 profile image
Felix H. •

Hey, we have Inspector. It's enough 😎
LOL 😂

Collapse
 
miguelmj profile image
MiguelMJ •

This was useful!

Collapse
 
simonpaix profile image
Mariana Simon •

Glad you liked it, Miguel!

Collapse
 
oscarrodar profile image
Oscar Rodriguez • • Edited

Thanks for sharing!

In case you want to use it within your application, check if it's supported by your target browsers by going into caniuse.com/ and just typing the attribute. For example, Accept is not supported by most browsers.

Collapse
 
simonpaix profile image
Mariana Simon •

Thanks Oscar! Nice tip, always good to check caniuse. Accept is supported by the major browsers (ie, edge, chrome, firefox, safari) :)

Collapse
 
shafqatkp profile image
shafqatkp •

Thanks for this helpful tips

Collapse
 
simonpaix profile image
Mariana Simon •

My pleasure :)

Collapse
 
ganwani_kamal profile image
kamal ganwani •

great one

Collapse
 
simonpaix profile image
Mariana Simon •

Thanks, Kamal! Appreciate the feedback ;

Collapse
 
4samayal profile image
Samayal 4 You •

Thats great. Useful article. Thanks for sharing..!!!!
link
link
link
link
link

Collapse
 
aohonze profile image
A ZE •

The download attribute of an <a/> element is very useful!

Collapse
 
simonpaix profile image
Mariana Simon •

It's one of my favorites!

Collapse
 
tohka200213 profile image
tohka20-0213 • • Edited

Yet, many aspiring programmers merely skim the surface and move on to CSS, JS, etc, missing its entire potential.

Right!

Some people say that HTML is not programming, but they don't know the depth of it. They only know the tip of the iceberg. HTML attributes are so deep and interesting, and HTML elements are as well.

Collapse
 
simonpaix profile image
Mariana Simon •

Exactly! Getting to know the basics well is really helpful :)

Collapse
 
szened profile image
szened •

The tiny little gems of HTML. 😌👍🏼
Thanks!

Collapse
 
simonpaix profile image
Mariana Simon •

Thanks, szened ;)

Collapse
 
ardhityawiedhairawan profile image
Ardhitya Wiedha Irawan •

Wow.. thank you. This is cool!

Collapse
 
renanlazarotto profile image
Renan "Firehawk" Lazarotto •

I've been working with web development for a solid 5 years and I've never heard of some of those. 3, 5 and 7 would've saved me quite some time. Thanks a lot for this!

Collapse
 
simonpaix profile image
Mariana Simon •

Nice to hear it helps, Renan ;)

Collapse
 
jotajeff profile image
Jeferson Silva •

parabeńs.... excelente artigo. congratulations, excelent article.

Collapse
 
simonpaix profile image
Mariana Simon •

Valeu pela força, Jeferson!
Thanks :)

Collapse
 
themarcelolewin profile image
Marcelo Lewin •

These are really great tips! Thanks for sharing!

Collapse
 
simonpaix profile image
Mariana Simon •

Thanks for the feedback, Marcelo! It means a lot :)

Collapse
 
ribosomatic profile image
Jesus Liñan •

Realmente muy útil! 👍

Collapse
 
themihir profile image
Mihir Das •

Good Writing!

Collapse
 
yellowtaxidriver profile image
Prayas Jadli •

Thanks for telling , i didn't know any of them ...

Collapse
 
simonpaix profile image
Mariana Simon •

I'm glas it helped!

Collapse
 
pterpmnta profile image
Pedro Pimienta M. •

Great post!!, HTML has many things that mostly people ignore at all.

Collapse
 
wisdomudo profile image
WISDOMUDO • • Edited

I love this. Thanks for sharing!

Collapse
 
jcsmileyjr profile image
JC Smiley •

Great list

Collapse
 
amircahyadi profile image
Amir-cahyadi •

Thanks for your info 👍

Collapse
 
easyvipin profile image
Vipin Chandra •

Ohh i have learnt something new today !!
time to use poster and accept :)

Collapse
 
asksock profile image
Ngô Quang Đạo (AskSock) •

Useful! Thank you ;)

Collapse
 
itsraghz profile image
Raghavan alias Saravanan Muthu •

Nice article. Thanks for sharing.

Collapse
 
fathah profile image
Fathah KA •

Awesome 😎

Collapse
 
andberry profile image
Andrea Berardi •

Thank you so much for sharing!

Collapse
 
raghad profile image
raghad-farhud •

wow and i thought that html is a basic language but there's still a lot of things i dont't know about

Collapse
 
itsmnthn profile image
Manthankumar Satani •

Great set of attributes, very usefull

Collapse
 
rethinkingui profile image
suresh Mende •

Awesome. Thanks for Posting.

Collapse
 
marvinjames profile image
Marvin James •

Hey,thanks for sharing this information. These are the most important things that every front end developer should know .

Collapse
 
kadeu17 profile image
kadeu •

Amazing!

Collapse
 
1link profile image
1Link.Fun •

learned: translate

Collapse
 
simranux profile image
simran-ux •

This information was really great thanks :)

Collapse
 
techmaniacc profile image
Joseph Mania •

Thanks lol, saty blessed

Collapse
 
bobbyiliev profile image
Bobby •

Great post! Well done 🙌

Collapse
 
simonpaix profile image
Mariana Simon •

Thank you, Bobby!

Collapse
 
patrickrall2 profile image
patrickrall2 •

this is really useful, thanks for sharing


lamundial.net/

Collapse
 
simonpaix profile image
Mariana Simon •

Thanks, Patrick.

Collapse
 
ayabouchiha profile image
Aya Bouchiha •

Good work!

Collapse
 
simonpaix profile image
Mariana Simon •

Thanks, Aya :)

Collapse
 
joerolet_hedger profile image
Joseph Rolet | Hedge Fund •

Thanks for the hidden gem! Especially loved #1 and #3!

Collapse
 
iv4r profile image
iv4r •

Clap!

Collapse
 
mwangi_thiga profile image
Mwangi Thiga •

Wow. God bless you.

Collapse
 
simonpaix profile image
Mariana Simon •

Glad you liked it, Mwangi.

Collapse
 
jefaokpta profile image
Jefferson Alves •

Thanks for share dude!

Collapse
 
simonpaix profile image
Mariana Simon •

Valeu!

Collapse
 
vcnbianchi profile image
Victor Nunes Bianchi •

Wow! Thank you, you helped me a lot

Collapse
 
simonpaix profile image
Mariana Simon •

Glad to hear that, Victor :)

Collapse
 
jlrxt profile image
Jose Luis Ramos T. •

HOLA saludos desde México. Amo HTML y encuentro útil tu publicación gracias por tu aportación.

Collapse
 
mrshoaib profile image
MR. SHOAIB •

Thanks for sharing his amazing knowledge

Collapse
 
jame69371422 profile image
Jame •

Download me :)
Does it really work?

Collapse
 
israeldexpo profile image
Oyeniran Sunday Adekola •

Nice write-up. I haven't used any of them before. I hope to get projects that'll need them.

Collapse
 
tzah profile image
tzah •

Thanks. I like it :)

Collapse
 
notkanade_san profile image
!Kanade.san •

thanks for great post..

Collapse
 
jameshoppe profile image
JamesHoppe •

Best Coding Language I every Saw how to make a guy miss you

Collapse
 
yangchuan profile image
Yang Chuan •

Thanks for tips.

Collapse
 
joghar profile image
Hardik Jogani •

Thanks for sharing, this is very usefull.

Collapse
 
khatrinitesh profile image
Nitesh Khatri •

This is a good one, Hats Off

Collapse
 
israelfloresdga profile image
Israel Flores DGA •

Well, I didn't know about spellcheck and poster. Thanks for the info