5+ Must Know HTML Tags That Almost Nobody Knows 

I'm a C# dev who doesn't do too much front-end work. However, there is something about Kyle's content and delivery that is very enjoyable. He speaks so clearly and has a great approach to teaching new things.

OG stands for "original gangsta" and you won't convince my brain to read those meta tags in any other way. 😂

datalist blew my mind. I've been a developer for a long time and did not know this existed. thanks Kyle!

this man dove deep into the documentation and emerged to tell us what he found

We need a tutorial on all information on meta tags

Nice to see and get some love. They've been around since at least HTML 3.2. (FYI, they're sort for "subscript" and "superscript".) I really liked the tag. I think that might be just what I need for one of my projects.

Good to know I’m not the only developer riddled with Webflow ads.

After watching this i successfully rewrote an entire component of mine using datalist and it’s so much easier to read! Thanks for always delivering awesome content.

Dude, I love your channel! You know why? Sometimes I have something to work out. Some things we just don't know where and how to find a solution. And your channel just appear with the perfect solution. Thanks man!

Kyle, I have 20+ years as a Web Dev... You are very talented Sir, thank you. You get to the point quickly and explain easily so I do not need to search elsewhere when refreshing materials. Thank you again.

I'm just sitting here clawing at my arm thinking "CLOSE THAT H5 TAG FOR THE LOVE OF GOD!" But wow! I didn't know a lot of these things. Color picker is cool.

One of the biggest things I have to say about watching this video (and other videos) is the fact that Kyle points out how the usage of these different elements affect screen readers. Thank you for being such a big advocate of Accessibility and making sure that we are experienced (or myself as a novice) Front End Developers are making sure that we consider Accessibility in our design and development more. As a side note, if you haven't already done so, it might be interesting to compile a list of these different items and how Front End Developers can use them to help in making our sites more accessible.

The picture tag was like gold for me Thanks for your nice work, Kyle

I've used a few times. Really useful for putting the st / nd / rd / th into 1st 2nd 3rd 4th etc. (The "superscript ordinals").

If only I had known about the tag before, It could've saved me a few hundred lines of html in my Javascript code.

That template tag is so awesome! I am definitely going to use it in my projects!

Well, most of them are new, but and are basics if you started learning HTML back when CSS wasn't that widespread.

Hi ! I just discovered your video on RU-vid. As a beginner and passionate of coding (HTML, CSS and JavaScript) I really love to see your movie and how simply you have been explaining some useful HTML tags. Like how to write the chemical formula of water (H2O) and others. Briefly how to write something with the exponentiation mark. Also learning how to create and sizing the progress button tag, creating forms with the divs and stocking data and especially the og (Open Graph) system of stocking data between the .... tag, all those learnings have been useful for me. Thank you so much. Sorry for my poor english because I am a Franco but trying to get improved in english and then be able to more understand coding. Be blessed for what you are doing and sharing your knowledges. I appreciated.

I think you forgot about Marquee tag is used for moving text We can control marquee from the following attribute Behaviour= controles the behavior (Scroll,slide, alternative) Scrollamount controls speed (Max value is 50) Direction controls direction (Up,down,left,right)

Thank you! I've just picked up a 15 year old PHP medical web app that needs to be updated. Your type=time tip caught me at the exact moment I needed it. Great content! :-)

These tags seemed to be pretty useful. I will definitely try them out. Thanks Kyle ❤️

Thanks for this overview! I already knew most of them, but not the datalist one. It looks very promising!

The tag looks very promising and indeed more useful than templates in PHP or JS. Thanks for sharing!

I recently discovered the word break tag in combination with the soft hyphen "­" which is fantastic when you need absolute control of where a word breaks -- with a lot of compound words like in German, this is sometimes super important. But for an easy example, if you were tight on space you could break down "cowboy" with "cow­boy" so when a flex wraps it breaks thusly: cow- boy And the soft hyphen of course only inserts a hyphen when the word breaks. Modern HTML 5 is so much better than what we had to deal with in the old days, I tell ya

I use the template tag when i deal with arrays of objects. You can do a forEach loop or map over the array and for each object clone the template and set the content.

I remember when I found out about the picture tag.... I was amazed on how much it saved time and make everything more clean and faster

Sub and Sup are pretty old school, learned those when I got into HTML (3.2 was the standard at that time), but the datalist is quite impressive! Wish they'd let us style form elements better

I did not know about the picture and template tags, quite useful thanks!

My OCD cannot handle that you didn’t close off that H5 tag...

Your videos always show me new things man keep up the good work 👌🏼

This is an excellent video! I am very happy about the existence of the "progress" element.

Datalist is exactly what I want. I was looking on mdn yesterday for this exact thing but couldn't find it. Cheers dude.

I see the last video did great for you about what almost nobody knows. Numbers don't lie. Appreciate you Kyle. See you soon!

Geez Louise - you just changed my life significantly !!! Wow !!! Thaaaaaank you !!!

This might be my favorite of your videos yet.

now I have the mega scene to surprise my teachers, THIS IS MEGA HELPFUL

Keep on uploading more such videos, This one was of immense use.

Great content! I really like Fieldset, Datalist and Templates! Please make more videos like this one. Valuable!

That sub , sup and datalist actually could’ve saved my bacon so much times 😂😂 , amount of times I made my own tag called little for the one which goes above in h20 and used absolute to position 🤦‍♂️🤦‍♂️. Kyle honestly these are immense , cheers man 🤝

I used some tag in my code but I completely understand after watched this video Thanks Kyle

Quick additional one for the comment section: this text is wrapped with quotes And because it's a HTML tag, it changes based off of what your localisation is.

Now, there are 2 KYLEs ruling Web. You were awesome as always. 😊 Thanks Kyle

Very informative, I didn’t know about a some of those. Thank you!

This was actually incredibly informative. Thanks for sharing. 👍🏆

omg, the algorithms are so smart!! How does it know to give me this video?!! I've literally just finished all my studies for software development and now I have to do the test which consist of 40 random multiples questions out of 120 and mainly based on front end (HTML and CSS). I don't know why HTML and CSS as I am actually more back end based on programming languages. But yeah i have no choice but to pass it anyway. i get unlimited practices where most of these came up!! I'm so glad I found videos like these but TBH front ends are definitely easier than back end. Guess you could say it's good to know both!

I didn't know some of these tags. Thanks very much for this tutorial.

is another underrated tag.

Thank you a lot for this video. I have some kind of frustration about tags to use on my test pages. With all the stuff you have shown I already made something to work with/

Inspired by your work and the way you explain things...

Thanks for this video bro! It really helps me a lot, I learned a new knowledge about HTML and I will surely use those tags to my future projects.

This is great for accessibility! (Fieldset and Legend)

Kinda proud I've used all of them except for datalist in the past. Once I mastered that one as well, I can finally put "HTML Programming Expert" on my resumee 😎

The template tag is awesome I needed that functionality but didn't know what to use .. Thanks

Datalist blew my mind! Thanks for this video

Super useful stuff! I saved it to my reference videos :)

I've known about all those for many years now. Back when I was starting to learn web development I went through each and every element on MDN, and all but picture were there at the time. I think and are the elements too few developers know about.

Since I work in accessibility I used these all the time including others that most developers don’t use. Because most developers use just what is needed and JavaScript. Html5 has a great bunch of features as well as the from element types. Meta tags work just like meta data and I have used them all the time when developing for Wordpress but you have to be careful of how you use them when in comes to accessibility because it can impact how the page is parsed and read. Being around development for almost 20 years there are a ton of tags I have seen or used that most developers probably has or never will use.

Great piece of knowledge...thanks...and happy to see more upcoming videos

Nice one! Loving your tips

I knew about fieldset and legend but datalist was completely new to me. Thanks!

Actually taught this Old Dog some new tricks! very good video

Oh the template tag is neat. I used that in a form editor where a user can create his own form by clicking it together and I basically used this exact thing u showcase, but because i didn't know about the template tag, I used regular divs with style display none ^^

As an 18 years embedded system engineer, I find these front end tutorial fascinating since I always have trouble working with them.

Great one man! As always

This is really helpful thank you so much for this video ❤️

I have wasted so many hours coding the stuff for which I could have easily used html can u upload more content like these

I really like your videos. It is impressive that you can make coding so entertaining.

Templates are an integral of Salesforce development. Thanks for the showing how they are used outside that proprietary context!

I've never used or seen this tags before so I thought that maybe the support was quite limited or something but some of them are supported from the beginning, so I'm gonna add them to my tool set immediately

Very useful content. Thanks, Kyle!

Thanks, Kyle. I was under the impression that legend and fieldset were phased out with HTML5. Haven't used either in a long time.

You are awesome! Very nice video and explanations as usual 🙂

This is awesome stuff, thank you very much!

This channel is crazy good

I needed this thank you :)

Really awesome video. But the picture tag you have to look at another time. Picture is for different images for different formats, like portrait for mobile and landscape for desktop. The img tag also supports srcSet and that is for automatic resolution switching. Like 100x200 for mobile and the same image 500x1000 for desktop.

Well done dude, awesome tricks

Btw in your template section the text you typed was this: This is a template Hi But your last h5 code line wasn't with a /

Thank you so much..by far, I love your video most ❤❤❤

This was great. Cheers Kyle

Wow, thanks for this! I’m seeing notes that some of these tags are necessary supported across browsers. A great follow-up video could be detailing what works where...or we could do it the old-fashioned way and learn trial end error 😄

Your video is so helpful, thank you

Thank you for existing

Thank you! Very useful info!

Great video! Thank you!

Template tag is really awesome. You can also create it from javascript, set the inner Html using a string and then copy the content as html. That actually allows you to create complex html elements from strings, very powerful if used alongside the new es6 string template literals!!

Remember that you should use FOR/ID to link the label to the form field. Explicit links will help screen readers, they aren’t that good at implying the labels from DOM position.

Hi Kyle thanks for making so much efforts for us

template seems like the pure html version of a react component. Neat.

Fieldset and the datalist are my favorites.

Thanks helps me a lot!

Great and, once again, thanks.

Amazing, I will use the fieldset+ legend in the forms that I have to make in an ECM where only html is possible

Great Tips.Thank you

Thanks you bro, i love this information 👍👍❤️

Another cool thing about the fieldset element -> if you disable it, you also disable all of its descendants

I knew legend only. Great video♥

YOU ARE A LEGEND BRO!

Thank you - very helpful :)

Keep it up bro and thank you!!!!