Beat: Listen zur kompletten Seitenstrukturierung ?

Beitrag lesen

Als Debütant hier bitte ich um eure Meinung bei einer Frage, derer ich eifach nicht Herr werde. Im Groben handelt es sich um semantischen 'korrekten' Code und - wie so oft - der Abwägung zwischen der Semantik, Zweckmäßigkeit, Einfachheit und den Vorgaben. Kurz und knapp :

Einsatz von Listen zur Strukturierung ganzer Seiteninhalte (nicht nur Menüs)?

In einem aktuellen Projekt ist mir - Aufgrund des Gestaltungsspielraumes - vorgegeben, den Inhalt der Seite 2 bis 3-fach zu verschachteln. Über dessen Sinn möchte ich hier jedoch nicht diskutieren, nehmen wir es mal als gegeben.

Gibts schon eine blacklist für DIV-Spammer? So komm ich mir dabei vor! Die wirklichen Inhalte habe ich mit <p>..</p> nur andeuten wollen. In Realität sollen die Abschnitte selbstverständlich nicht nur Absätze fassen.

Ein div gruppiert Elemente. Vernünftige Klassennamen verleihen Semantik, die in HTML 4 noch fehlt.

Hier mal eine Beispiel mit einer ungeordneten Liste :
Die Art einfach verschachtelte Liste erfüllt die Vorgabe, ist besser lesbar und ergibt semantische sogar einen Sinn der Strukturierung. Ich habe die ungeordnete Liste nur als Beispiel gewählt. Mit der Art Umsetzung fühle ich mich also schon eher Verbunden. Einzig die Liste mit so viel Inhalt auszustopfen kommt mir wie eine Zweckvergewaltigung vor. Was meint Ihr?

Deine Liste ist nicht besser lesbar, vor allem nicht im Quälcode.
Endlose Verschachtelungen bringen dem Coder keine Übersicht.
Klassennamen tun es.
Ein normaler Screen User wird von deinen Listen nichts haben, weil du sie ja doch wegstylen wirst.

Ich halte nicht von einer Überverwendung von Listen,, um Content zu strukturieren.
Grund. Benutzer von Screenreadern kennen zweierlei Arten von Navigationen: Listen und hx Hierarchien. Inhalt in listen zu strukturieren erzeugt nur eine zusätzliche Redundanz.

Man kann natürlich argumentieren aus der Sicht eines wissenschaftlichen Dokuments. Das kann ein Argument für sich selbst sein.
Da würde ich aber unter Umständen Definitionslisten bevorzugen.

Was ich aber an deiner Struktur bemängle ist, dass du nicht die verschiedenen Sekoren einer Webseite berücksichtigst.

<ul id="usabilitylinks">
<li><a href="#navigation">zur Navigation</a></li>
<li><a href="#coontent">zum Inhalt</a></li>
<li><a href="#sidebar">zum Sidebar</a></li>
</ul>

<h1>Webseitentitel</h1>

<h2 id="navigation">Navigation</h2>
<ul> ..... Navigation .....</ul>

<div id="content"><!-- Start content -->
<h2 >Hauptüberschrift des Inhalts</h2>
<p class=abstract>Zusammenfassung</p>
<ul> ..Seitenlokales inhaltsverzeichnis.. </ul>
<!-- Dein Inhalt beginnt mit h3 -->

</div><!-- Ende content -->

<div id="sidebar">
<h2>Sidebar</h2>
</div>

<div id="sidebar">
... Footer inhalt ...
</div>

Das ist in meinen Augen gute Semantik für eine generelle Seitenstruktur.

mfg Beat;

--
><o(((°>           ><o(((°>
   <°)))o><                     ><o(((°>o