Nur stell ich mir dann da die Frage, wie man es semantisch machen soll bzw. ohne gleich eine Div-Suppe zu erhalten bzw. mir fehlt da der Gedankenschritt und wie ich auf solche Stolpersteine achten muss bzw. wie ich sie umgehen kann.
der größte fehler ist zuerst ein design zu machen, das template zu bauen und dann erst zu überlegen, welcher inhalt rein muss
design und inhalt müssen von vorne herein klar sein, dann kann man loslegen
eine 08/15 seite beisteht zb aus kopf, inhalt, menu und fusszeile
das sieht dann in etwa so aus:
<h1>Meine tolle Seite</h1>
<div id="inhalt">
<h2>überschrift</h2>
<p>lorem ipsum</p>
<h3>zwischenüberschrift</h3>
<p>dolor sit ahmen</p>
<blockquote cite="example.com">
Ihr dürft unsere Domain als Test-Platzhalter verwenden
</blockquote>
</div>
<ul id="menu">
<li><a href="#"></a>menüpunkt1</li>
<li><a href="#"></a>menüpunkt2</li>
<li><a href="#"></a>menüpunkt3</li>
</ul>
<adress id="footer">Max Mustermann | Musterstraße 1 | 12345 Musterhausen</address>
wenn das ganze so steht, kann man zu layoutzwecken immer noch div-elemente einfügen wenn man sie braucht - sobald man das mal intus hat, kann mans umgekehrt auch machen
aber code nach dem schema <div></div><div><div><div></div></div><div></div></div><div></div>
ist nicht der renner ;)