Semantisch sinnvoll strukturiertes XHTML

Bedeutungsvolles XHTML

Semantisch sinnvoll strukturiertes XHTML enthält neben dem eigentlichen Seiteninhalt zusätzliche Informationen zu dessen Bedeutung. Das ist auch für Suchmaschinen wichtig.

Was ist eigentlich Semantik?

Als Teilgebiet der Linguistik ist Semantik die Lehre von der Bedeutung. Das Semantische Web versucht neben den angebotenen Inhalten, zusätzlich Informationen über deren Bedeutung anzugeben. So sollen Computer in der Lage sein die Bedeutung von Texten zu „verstehen“.

Semantisch sinnvoll strukturiertes XHTML im Webdesign

Es gibt eine ganze Reihe von Möglichkeiten um eine XHTML-Seite auszuzeichnen. So kann zum Beispiel eine Überschrift kenntlich gemacht werden indem sie per CSS größer und fetter als der übrige Text dargestellt wird. Damit wird allerdings nichts über ihre Bedeutung gesagt. Semantisch sinnvoll wäre dagegen die Auszeichnung als Überschrift erster Ordnung mit dem Tag h1 (<h1>…</h1>). Der Tag h1 kann mit CSS beliebig formatiert werden, die Bedeutung als wichtige Überschrift bleibt, davon unabhängig, bestehen. Neben dem Tag h1 stehen noch die Tags h2 - h6 zu Verfügung um Überschriften in absteigender Wichtigkeit auszuzeichnen.

Genauso verhält es sich mit der Auszeichnung als kursiv oder bold, die nichts weiter aussagt als das Worte schäggestellt oder fett dargestellt werden sollen. Semantisch sinnvoller wäre die Auszeichnung als wichtig mit dem Tag em (englisch emphasis, deutsch: Betonung (<em>…</em>)) oder strong (englisch, deutsch etwa: stark betont (<strong>…</strong>)). Em und strong werden vom Browser standardmäßig kursiv beziehungsweise bold dargestellt, beides kann aber auch per CSS beliebig angepasst werden.

Weitere Beispiele sind die Verwendung von Listen (<ul>…</ul> = ungeordnete Liste oder <ol>…</ol> = geordnete Liste) für die Navigationsbereiche einer Seite oder Tabellen (<table>…</table>) für die Organisation tabellarischer Daten.

Auch die Darstellung der XHTML-Beispiele in diesem Text erfolgt als <code>…</code> statt einfach eine andere Schrift zur Hervorhebung zu wählen.

Warum semantisch sinnvoll strukturiertes XHTML wichtig ist

Semantisch sinnvoll strukturiertes XHTML ist besser lesbar, sowohl für Menschen wie für Maschinen. Der Herstellungsprozess wird vereinfacht und dadurch schneller und kostengünstiger. Die Seiten bekommen eine klare Struktur, was nicht zuletzt Suchmaschinen schätzen die zum Beispiel die wichtigen Schlüsselworte an ganz bestimmten Stellen der Struktur erwarten.

Schauen Sie sich um und rufen Sie uns an: 040-608 892 77
oder lesen Sie weiter.

Diese Seiten sind barrierefrei / barrierearm in XHTML und CSS gestaltet und nach W3C-Standard validiert: XHTML 1.0 Strict | CSS 2. © webdesign: michael rabe, Hamburg, 1999-2010. Alle Rechte vorbehalten. Alle genannten Marken sind Eigentum der jeweiligen Inhaber. Stand 28.07.2010