HTML5 Tutorials #3 - Site Structure - Header, Section, Aside, and Footer

The 3rd video in my HTML5 video tutorial series. Here, I show you how to use the new Header, Section, Aside and Footer elements to more semantically structure your site.

Support Free Tutorials

The best shared web hosting

Subscribe to Level Up Pro for extra features!

Subscribe to the Level Up Newsletter

To Support Level Up Tuts:

Simple cloud hosting, built for developers.:

[Grayson]

I've been using HTML 5 for a while now and really love the simplicity in setting up its basic structure. Great job in explaining the element functions...thank you!

[giulia]

Perfect video, thank you very much for the clear explanation! 👌

[crnamamba]

Head, footer & main are like a Div-s? We dont need to write <header> than inside a <div> to style our header?

[syntaxfm]

Main is not forgotten. Well be touching on that soon along with the rest of the new tags.

[AM-lqrz]

watching in 2021! LOL this vid is so old but thanks!

[palmon...]

Still watching 2020
I'm feeling your voice🎧 🍷

[EmmainthePNW]

How did you type test in the four li's at once?

[DanielMoleGuacamole]

Omg Finnaly A Guy Who Explains Header, Section, Aside And Footer Good. K Now I Only Need To Leark

[matejasparavalo]

Actually I am watching this in 2019 xD. I must say you are really good at explaining to the simplest possible semantic structure of HTML5. Thank you a lot man.

[theoppositeofirony]

Thanks for your awesome videos! Does anyone know what package is used to create the <li> faster i.e. when he does <li>li*5</li> around 3:18?

[muffemod]

how do i make one header and footer for a site so i don't have to edit hundreds of html documents everytime the header or footer section on each page changes?

[AbdullMohommedlol]

3:30 How did you click each individual space like that?

[chrisconrad]

Great tutorial and i like your voice :-)

[IAmFirstborne]

People are forgetting to like the video!

[manpatel]

so basically everything is kind of just div

[drakZes]

Bad video! No article tag in the structure which is one of the main structure tags.

[JohnSmith-zlrz]

semantic meaning? who care's!!!! users don't read the code!!! I don't get it...