HTML 5 Semantic Elements : Header Tag, Main Tag, Footer Tag, Nav Tag, Section Tag

[@DonNjabs]

You're the clearest out of over 50 channels I have been trying to learn from so far....thank you man really appreciated, please don't stop!

[@ShaneCrouch]

Hey thank you for the kind words. Thanks for watching.

[@biironhernandez4256]

Thank you for you step by step video. You do understand that some of us are still struggling with the syntax and the hierarchy of the elements. Thank you for not just jumping to styling the page. Some of the titles of the videos in YT out there shows a title "how to build a website from scratch", but when you click on them, they already have all the html code written and they just put all the time to styling in CSS, which is fun but is not the base of the html page. Thank you again!!

[@ShaneCrouch]

Glad to hear it was helpful. thanks for watching

[@caizza3]

Best and most useful explanation I've seen on semantic html so far!

[@ShaneCrouch]

Thanks, great to hear. Thanks for watching.

[@Ezinma88]

Thanks. Very well explained.

[@ShaneCrouch]

Glad to hear. Thanks for watching.

[@EMR80]

Let me this straight, use div only for styling and positioning content. Use html 5 tags for Semantics only, so from what I been reading, most Semantics tags such as, Section and Article use h1 tags.

[@ShaneCrouch]

Not quite but close, just remember div does not provide context of the content. If you have a case where section, article, other semantic tags describes the context correctly then use them instead of div. Articles and sections most likely will have a header to title the article or section. In those case you can use the h1, h2, he etc tags to define the title of the section or article but that does not mean you cannot also put style attributes on semantic tags, article, section, etc. Just think if the semantic tags as a replace for div when the contents context fits otherwise just use div. Hope this helps, if not let me know and I will get back to you.

[@ShaneCrouch]

Putting a style on a semantic element is acceptable. title ...... Above is better than title

[@EMR80]

@@ShaneCrouch Thank you, I forgot to say thank you. I think after looking at your video and reading books and going crazy. I think I just use div tags for wrapping images and text. If I'm specifying a area I will use an html 5 tag.

[@AnthonyCrouchPhotography]

@@EMR80 My pleasure. Going Crazy.... LOL I like that. I love programming, not that it cannot be tedious but it can be very rewarding. It is great to see people passionate about learning. It is a field that will always keep you learning something new. Best wishes, Shane

[@kevintaylornowskills6618]

Excellent Tutorial. I will use this when I next teach HTML 5.. Thanks

[@ShaneCrouch]

Glad you enjoyed it

[@mehdiyevvaleh9720]

Great explanation man. I wish you'd get more followers. Subscribed .

[@ShaneCrouch]

Thank you. I wish the same :)

[@celestinnarose]

Thanks for sharing

[@ShaneCrouch]

My pleasure, thanks for watching

[@mohammedeleriaan5986]

I really like the way you explain .. keep it up & thank you a lot.

[@ShaneCrouch]

Mohammed, thank you for the kind words, thanks for watching.

[@mostafaghafoori6182]

Hey man. Thanks for your knowledge to share with us. I'm not English, so if possible speak some slower to I can understand, thanks again

[@Mmzhran]

I would like to thank you so much for this video. It is simple and to right to the point without any complications.

[@ShaneCrouch]

Thanks for watching. Glad it was helpful.

[@khnrzk7102]

The content inside the main element should be unique to the document. It should not contain any content that is repeated across documents such as sidebars, navigation links, copyright information, site logos, and search forms.

[@ShaneCrouch]

Good point. Thanks

[@MAD-kh2oy]

Kinda sad to know that with those great tutorials for like 3 years you still going ane still only 2k subs

[@ShaneCrouch]

Thank you. 40 to 50 subscribers a month is pretty low!. It's all good, I enjoy and learn from making them. As long as they are helpful to someone, I am happy putting them out.

[@ShaneCrouch]

The watch time growth doubled this last year compared to the previous two years so that is good at least.

[@MAD-kh2oy]

@@ShaneCrouch 👍this video really helped me, i used to put header tag inide the div tag

[@ShaneCrouch]

@@MAD-kh2oy glad to hear. Thanks for sharing.

[@Mmvexxx]

where would a body tag go? i'm still a little confused between main and body. i know there should be one main per page but where would body go?

[@ShaneCrouch]

Check out my video kzbin.info/www/bejne/jYvbiJagnr-Mo9U Main goes inside of body. Body is required, main is nice but optional.

[@Mmvexxx]

@@ShaneCrouch wow thank you so much for the quick reply! i just finished my first week self-teaching myself and was creating a mini cheat sheet to try some projects out!

[@aboxtrki536]

What about aside ?

[@ShaneCrouch]

Next video bud .... kzbin.info/www/bejne/m2fNhqyfgptkkLM