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
 
antontsvil profile image
Anton T

Wow! Had no idea, cool tip!

Collapse
 
hunterrajz profile image
HunterRajz

arre bro mujhe kuch baat karne ka hain ..kidhar baat kare???

Collapse
 
okrohan profile image
Rohan Salunke

???

Collapse
 
hunterrajz profile image
HunterRajz

hey bro can we talk ???

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
Htoo Ant Hlaing (Felix)

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
Htoo Ant Hlaing (Felix)

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 Arroyo • 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
 
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
 
ganwani_kamal profile image
kamal ganwani

great one

Collapse
 
simonpaix profile image
Mariana Simon

Thanks, Kamal! Appreciate the feedback ;

Collapse
 
ardhityawiedhairawan profile image
Ardhitya Wiedha Irawan

Wow.. thank you. This is cool!

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
 
4samayal profile image
Samayal 4 You

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

Collapse
 
szened profile image
szened

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

Collapse
 
simonpaix profile image
Mariana Simon

Thanks, szened ;)

Collapse
 
ayabouchiha profile image
Aya Bouchiha

Good work!

Collapse
 
simonpaix profile image
Mariana Simon

Thanks, Aya :)

Collapse
 
easyvipin profile image
Vipin Chandra

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

Collapse
 
iv4r profile image
iv4r

Clap!

Collapse
 
curiousglimmerroot profile image
curiousglimmerroot

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

Collapse
 
jefaokpta profile image
Jefferson Alves

Thanks for share dude!

Collapse
 
simonpaix profile image
Mariana Simon

Valeu!

Collapse
 
mwangi_thiga profile image
Mwangi Thiga

Wow. God bless you.

Collapse
 
simonpaix profile image
Mariana Simon

Glad you liked it, Mwangi.

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
 
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
 
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
 
asksock profile image
Ngô Quang Đạo

Useful! Thank you ;)

Collapse
 
itsraghz profile image
Raghavan alias Saravanan Muthu

Nice article. Thanks for sharing.

Collapse
 
fathah profile image
Fathah Cr

Awesome 😎

Collapse
 
jack_garrus profile image
Nadia Guarracino

Already knew about contentEditable but the others are totally new for me! Thanks a lot for sharing

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
 
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
 
techmaniacc profile image
Joseph Mania

Thanks lol, saty blessed

Collapse
 
bobbyiliev profile image
Bobby Iliev

Great post! Well done 🙌

Collapse
 
simonpaix profile image
Mariana Simon

Thank you, Bobby!

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
 
simranux profile image
simran-ux

This information was really great thanks :)

Collapse
 
themihir profile image
Mihir Das

Good Writing!

Collapse
 
ribosomatic profile image
Jesus Liñan

Realmente muy útil! 👍

Collapse
 
itsmnthn profile image
Manthankumar Satani

Great set of attributes, very usefull

Collapse
 
rethinkingui profile image
suresh Mende

Awesome. Thanks for Posting.

Collapse
 
patrickrall2 profile image
patrickrall2

this is really useful, thanks for sharing


lamundial.net/

Collapse
 
simonpaix profile image
Mariana Simon

Thanks, Patrick.

Collapse
 
amircahyadi profile image
Amir-cahyadi

Thanks for your info 👍

Collapse
 
jcsmileyjr profile image
JC Smiley

Great list

Collapse
 
wisdomudo profile image
WISDOMUDO • Edited

I love this. Thanks for sharing!

Collapse
 
pterpmnta profile image
Pedro Pimienta M.

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

Collapse
 
jameshoppe profile image
JamesHoppe

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

Collapse
 
jame69371422 profile image
Jame

Download me :)
Does it really work?

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
 
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
 
notkanade_san profile image
!Kanade.san

thanks for great post..

Collapse
 
mrshoaib profile image
MR. SHOAIB

Thanks for sharing his amazing knowledge

Collapse
 
tzah profile image
tzah

Thanks. I like it :)

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
 
israelfloresdga profile image
Israel Flores DGA

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