HTML5 Struktur richtig?

[Chris1996]

Hallo,

vielen Dank für deine ausführliche Erklärung

Du hast keine html-, head- und body-Tags annotiert.

Habe ich hinzugefügt.

Wenn dort später tatsächlich ein Firmenlogo erscheinen soll, sollte da wohl besser ein img-Element stehen. Oder man fasst das Logo als Teil der Präsentation auf und lädt es dann mittels CSS als Hintergrund-Bild, aber ein Logo ist keine Überschrift.

Ich hab das <h1> gelöscht und ein "img" hinzugefügt

  
    <header>  
      <img src="img/logo.jpg" alt="Logo" title="Logo">  
    </header>  

<article class="left">
   <div class="service_top">Service</div>
   <div class="aufzahlung">
      <ul>
         <li>Teil 1</li>
         <li>Teil 2</li>
         <li>Teil 3</li>
      </ul>
   </div>
   <div class="service_bottom">Service</div>
</article>

>   
> Das sieht für mich nicht wirklich nach einem Artikel aus, ein section-Element wäre hier möglicherweise passender als das article-Element. Das gilt auch für die übrigen article-Elemente.  
  
Habe ich nun wie folgt geändert:  
  
~~~html
  
      <section class="left">  
        <div class="service_top">Service</div>  
        <div class="aufzahlung">  
                <span><i class="fa fa-check abstand10"></i>Herstellergarantie</span>  
                <span><i class="fa fa-check abstand10"></i>Versandkostenfrei</span>  
                <span><i class="fa fa-check abstand10"></i>Zahlung bequem per Rechnung</span>  
        </div>  
        <div class="service_bottom">Service</div>  
      </section>  

Das ganze sieht derzeit wie folgt aus