HTML5 Elements - First markup This is my first website. I would like to make sure that:


I am using HTML5 sectioning elements correctly.
I didn't forgot anything important for HTML5 compatibility like html5shiv, for example.


Any other advice?

&lt;!DOCTYPE html&gt;

&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;DEdesigns&lt;/title&gt;
    &lt;script scr="html5shiv.js"&gt;&lt;/script&gt;    &lt;!-- allows html 5 styling --&gt;
    &lt;link rel="stylesheet" href="style.css"&gt;     
&lt;/head&gt;

&lt;body&gt;

  &lt;div id="container"&gt;
    &lt;header&gt;
       &lt;h1&gt;DEdesigns&lt;/h1&gt;
    &lt;nav&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Services&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/nav&gt;
&lt;/header&gt; &lt;!-- end header --&gt;

&lt;article id="about-me"&gt;
   &lt;header&gt;
        &lt;h2&gt;About Me&lt;/h2&gt;
    &lt;/header&gt;
   &lt;section&gt;
        &lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged&lt;/p&gt;
   &lt;/section&gt;
   &lt;aside&gt;
        &lt;figure&gt;
            &lt;img src="#" alt="#" width="#" height="#"&gt;
        &lt;/figure&gt;
   &lt;/aside&gt;
&lt;/article&gt; &lt;!-- end #about-me --&gt;

&lt;div id="gallery"&gt;
    &lt;header&gt;
        &lt;h2&gt;My Work&lt;/h2&gt;
    &lt;/header&gt;
    &lt;div id="gallery-conatiner"&gt;
        &lt;figure&gt;
            &lt;img src="#" alt="#" width="#" height="#"&gt;
        &lt;/figure&gt;
        &lt;section&gt;
            &lt;aside&gt;
                &lt;p&gt;rem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500&lt;/p&gt;
            &lt;/aside&gt;
        &lt;/section&gt;
        &lt;!--  ends first row --&gt;
         &lt;section&gt;
            &lt;aside&gt;
                &lt;p&gt;rem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500&lt;/p&gt;
            &lt;/aside&gt;
        &lt;/section&gt;
         &lt;figure&gt;
            &lt;img src="#" alt="#" width="#" height="#"&gt;
        &lt;/figure&gt;
        &lt;!-- ends second row --&gt;
         &lt;figure&gt;
            &lt;img src="#" alt="#" width="#" height="#"&gt;
        &lt;/figure&gt;
            &lt;aside&gt;
                &lt;p&gt;rem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500&lt;/p&gt;
            &lt;/aside&gt;
        &lt;/section&gt;
        &lt;!-- ends third row --&gt;
    &lt;/div&gt;
  &lt;/div&gt; &lt;!-- end #gallery --&gt;

  &lt;article id="services"&gt;
    &lt;header&gt;
        &lt;h2&gt;Services&lt;/h2&gt;
    &lt;/header&gt;
    &lt;section&gt;
        &lt;ol&gt;
            &lt;li&gt;one&lt;/li&gt;
            &lt;li&gt;two&lt;/li&gt;
            &lt;li&gt;three&lt;/li&gt;
        &lt;/ol&gt;
    &lt;/section&gt;
   &lt;/article&gt; &lt;!-- end #services --&gt;

   &lt;article id="contact-me"&gt;
    &lt;header&gt;
        &lt;h2&gt;Contact Me&lt;/h2&gt;
    &lt;/header&gt;
    &lt;p&gt;some contact me stuff goes here&lt;/p&gt;
   &lt;/article&gt; &lt;!-- end #contact-me --&gt;

  &lt;footer&gt;
    &lt;p&gt;This is my fotter&lt;/p&gt;
  &lt;/footer&gt;    
&lt;/div&gt; &lt;!-- end #container --&gt;


   &lt;/body&gt;
&lt;/html&gt;
Your formatting is a little off,  indentation is very important when reading any code.

I fixed the indentation and I also added some new lines in some of your paragraph tags. they are formatted by the browser pretty nicely so you can added new lines in there to make them more readable with out side scrolling and they will still show up the way you intended.

I also took out all your empty lines, because it is formatted nicely and is easily readable, blank lines make it look messy to me.

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
    &lt;head&gt;
        &lt;meta charset="utf-8"&gt;
        &lt;title&gt;DEdesigns&lt;/title&gt;
        &lt;script scr="html5shiv.js"&gt;&lt;/script&gt;    &lt;!-- allows html 5 styling --&gt;
        &lt;link rel="stylesheet" href="style.css"&gt;     
    &lt;/head&gt;
    &lt;body&gt;
        &lt;div id="container"&gt;
            &lt;header&gt;
                &lt;h1&gt;DEdesigns&lt;/h1&gt;
                &lt;nav&gt;
                &lt;ul&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Services&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
                &lt;/nav&gt;
            &lt;/header&gt; &lt;!-- end header --&gt;
            &lt;article id="about-me"&gt;
            &lt;header&gt;
                &lt;h2&gt;About Me&lt;/h2&gt;
            &lt;/header&gt;
            &lt;section&gt;
                &lt;p&gt;
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
                    Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
                    when an unknown printer took a galley of type and scrambled it to make a type specimen book.
                    It has survived not only five centuries, but also the leap into electronic typesetting, 
                    remaining essentially unchanged
                &lt;/p&gt;
            &lt;/section&gt;
            &lt;aside&gt;
                &lt;figure&gt;
                    &lt;img src="#" alt="#" width="#" height="#"&gt;
                &lt;/figure&gt;
            &lt;/aside&gt;
            &lt;/article&gt; &lt;!-- end #about-me --&gt;
            &lt;div id="gallery"&gt;
                &lt;header&gt;
                    &lt;h2&gt;My Work&lt;/h2&gt;
                &lt;/header&gt;
                &lt;div id="gallery-conatiner"&gt;
                    &lt;figure&gt;
                        &lt;img src="#" alt="#" width="#" height="#"&gt;
                    &lt;/figure&gt;
                    &lt;section&gt;
                        &lt;aside&gt;
                            &lt;p&gt;
                                rem Ipsum is simply dummy text of the printing and typesetting industry. 
                                Lorem Ipsum has been the industry's standard dummy text ever since the 1500
                            &lt;/p&gt;
                        &lt;/aside&gt;
                    &lt;/section&gt;
                    &lt;!--  ends first row --&gt;
                    &lt;section&gt;
                        &lt;aside&gt;
                            &lt;p&gt;
                                rem Ipsum is simply dummy text of the printing and typesetting industry. 
                                Lorem Ipsum has been the industry's standard dummy text ever since the 1500
                            &lt;/p&gt;
                        &lt;/aside&gt;
                    &lt;/section&gt;
                    &lt;figure&gt;
                        &lt;img src="#" alt="#" width="#" height="#"&gt;
                    &lt;/figure&gt;
                    &lt;!-- ends second row --&gt;
                    &lt;figure&gt;
                        &lt;img src="#" alt="#" width="#" height="#"&gt;
                    &lt;/figure&gt;
                        &lt;aside&gt;
                            &lt;p&gt;
                                rem Ipsum is simply dummy text of the printing and typesetting industry. 
                                Lorem Ipsum has been the industry's standard dummy text ever since the 1500
                            &lt;/p&gt;
                        &lt;/aside&gt;
                    &lt;/section&gt;
                    &lt;!-- ends third row --&gt;
                &lt;/div&gt;
            &lt;/div&gt; &lt;!-- end #gallery --&gt;
            &lt;article id="services"&gt;
                &lt;header&gt;
                    &lt;h2&gt;Services&lt;/h2&gt;
                &lt;/header&gt;
                &lt;section&gt;
                    &lt;ol&gt;
                        &lt;li&gt;one&lt;/li&gt;
                        &lt;li&gt;two&lt;/li&gt;
                        &lt;li&gt;three&lt;/li&gt;
                    &lt;/ol&gt;
                &lt;/section&gt;
            &lt;/article&gt; &lt;!-- end #services --&gt;
            &lt;article id="contact-me"&gt;
                &lt;header&gt;
                    &lt;h2&gt;Contact Me&lt;/h2&gt;
                &lt;/header&gt;
                &lt;p&gt;some contact me stuff goes here&lt;/p&gt;
            &lt;/article&gt; &lt;!-- end #contact-me --&gt;
            &lt;footer&gt;
                &lt;p&gt;This is my footer&lt;/p&gt;
            &lt;/footer&gt;    
        &lt;/div&gt; &lt;!-- end #container --&gt;
    &lt;/body&gt;
&lt;/html&gt;