nicht angemeldet
Lieber MA,
Hier mal das aktuelle Dokument:
der relevante Code sieht so aus:
<body>
<ul>
<li>Home/News</li>
<ul>
<li>News 1</li>
<li>News 2</li>
<li>News 3</li>
</ul>
<li>Music-box</li>
<li>Design-box</li>
<li>Illu-box</li>
<li>Me</li>
<li>Contact</li>
<p>Text</p>
</body>
Der Validator meldet dazu 3 Fehler und 2 Warnungen. Du findest die syntaktischen Fehler sicher selbst, oder?
So. Schauen wir uns die Struktur Deines Dokumentes etwas an. Da gibt es eine (verschachtelte) Liste und einen Textabsatz. Im Moment also ein sehr einfaches Dokument.
Deine Liste soll das Menü darstellen. Das erscheint mir klar, aber aus Sicht der Semantik ist es nur eine Liste, sonst nichts. Also machen wir etwas mehr daraus:
<body>
<div id="inhalt">
<h1>Überschrift</h1>
<p>Ein Textabsatz...</p>
</div>
<div id="navigation">
<h2>Meine weitere Seiten</h2>
<ul>
<li><a href="/">Home/News</a>
<ul>
<li><a href="/news1">News 1</a></li>
<li><a href="/news2">News 2</a></li>
<li><a href="/news3">News 3</a></li>
</ul>
</li>
<li><a href="/music">Music-box</a></li>
<li><a href="/design">Design-box</a></li>
<li><a href="/illu">Illu-box</a></li>
<li><a href="/me">Me</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</div>
</body>
Im Wesentlichen habe ich Deine Struktur etwas umgedreht (zuerst Inhalt, dann Navigation) und die Bestandteile jeweils in ein passendes Elternelement verfrachtet. Ansonsten steht im Inhaltsbereich noch eine (Haupt-)Überschrift, denn ein Dokument ohne eine solche erscheint mir unfertig. Zu der Überschrift folgt noch ein Textabsatz, denn was soll diese Überschrift sonst überschreiben?
Meiner persönlichen Meinung nach ist es sinnvoll, das Wichtigste auch zuerst im Dokument zu notieren, daher verwende ich in aller Regel obige Reihenfolge in meinen Dokumenten. Der passende SELFHTML-Featureartikel sieht das etwas anders, aber den halte ich auch nur bedingt für allgemeingültig, ebenso wie meinen eigenen Ansatz auch.
Befülle doch mal meine überarbeitete Struktur mit etwas mehr Inhalt als einem simplen "Text"! Dann kann man sehen, wie man die Sache visuell gestaltet.
Liebe Grüße,
Felix Riesterer.
ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)