Versuch - Nummer 1

[Gunnar Bittersmann]

@@Carmen

hab heute bisschen gebastelt. Was sagt ihr zu meiner ersten Version? Kann man / sollte ich etwas verbessern?

http://codepen.io/anon/pen/RaqGRY

<header class="nav-header">
  <div class="container">

Das div ls einziges Kind von header ist überflüssig; header ist Container genug.

Ich vermisse eine Seitenüberschrift (die Website-Kennung). Das wäre sie wohl:

    <div class="logo">Platz für Logo</div>

Das wäre dann: <h1><img src="logo" alt="example dot net"/></h1>

<section id="startseite" class="scroll">Platz für die Startseite</section>
<section id="leistungen" class="scroll">Platz für die Leistungen</section>
<section id="ueber-uns" class="scroll">Hier kommt bisschen BlaBlaBla rein</section>
<section id="blog" class="scroll">Hier ist Platz für den Blog</section>
<section id="kontakt" class="scroll">Hier kommt der Kontakt rein</section>

Wenn sämtliche gleichartige Geschwisterelemente (section) derselben Klasse ("scroll") angehören, ist das ein sicheres Zeichen dafür, dass die Klasse überflüssig ist.

Im Stylesheet wären sie per 'main > section' zu selektieren.

<section id="impressum" class="scroll">Auch ein Impressum ist Pflicht</section>
</main>

Pflicht ja, Hauptinhalt nein. Das Impressum gehört nicht als section ins main-Element. aside scheint mir angebracht zu sein; das kann auch durchaus im footer stehen.

LLAP 🖖