eBook Kapitel: Gründe für sauberen xHTML-Code

Inhaltsverzeichnis

Was ist sauberer xHTML-Code?

[Noch kein Text vorhanden]

Barrierefreiheit

Jeder Mensch sollte eine Internetseite verwenden können, egal ob er technisch oder körperlich eingeschränkt ist. Daher sollte man beim Aufbau einer Website immer darauf achten, dass die Tags mit allen nötigen Attributen ausgezeichnet sind und man möglichst auch noch optionale Attribute für

ScreenreaderIm Lexikon nicht vorhanden!
Jetzt Erklärung zu Screenreader schreiben!

o.Ä. einbaut. Doch das ist nicht alles: Man sollte bereits bei den Tags darauf achten, dass man seine Website nach Funktion und nicht nach Design schreibt.

Ein Problem stellt zum Beispiel folgender Code dar, bei dem das Design zwar schick aussieht, eine

Suchmaschine

Programm zum Suchen und Finden von Dokumenten.

oder ein Hilfsprogramm für Behinderte aber keine Logik erkennen kann.

HTML:

<font size="5">Programmierer</font>
<div align="center">
      Programmierer sitzen vor dem Computer und schlagen sich zum Beispiel mit diesen Sonderzeichen herum:<br />
      O Slash /<br />
      O Kaufmännisches Und &<br />
      O Semikolon ;<br />
      O Dollar $<br />
      Allerdings wird <b>nicht</b> jedes dieser Zeichen in allen Programmiersprachen benötigt. Zum Beispiel: <i>Python braucht kein Semikolon am Zeilenende</i>
</div>

Folgende Tags wurden bei diesem Aufbau erfolgreich missachtet:

Überschrift
Absatz
Liste
richtige Betonung

Barrierefrei sähe der Quelltext folgendermaßen aus:

HTML:

<h1>Programmierer</h1>
      <p>Programmierer sitzen vor dem Computer und schlagen sich zum Beispiel mit diesen Sonderzeichen herum:</p>
      <ul>
            <li>Slash /</li>
            <li>Kaufmännisches Und &</li>
            <li>Semikolon ;</li>
            <li>Dollar $</li>
      </ul>
      <p>Allerdings wird <em>nicht</em> jedes dieser Zeichen in allen Programmiersprachen benötigt. Zum Beispiel <samp>Python braucht kein Semikolon am Zeilenende</samp>.</p>
</div>

Hier erkennt man direkt, dass es sich bei "Programmierer" um eine Überschrift handelt, die beiden Sätze als Absätze definiert sind und die Sonderzeichen in einer Liste eingetragen wurden. Das Programm, das diese Seite analysiert (z.B.

Suchmaschine

Programm zum Suchen und Finden von Dokumenten.

), kann sich nun seine eigene Struktur daraus erstellen und die Textstücke richtig zuordnen.

Letzte Änderung: 20.05.2008 08:52 Uhr

Suchmaschinenoptimierung

[Noch kein Text vorhanden]

Letzte Änderung: 12.05.2008 17:03 Uhr

Browserkompatiblität

Jeder gute Browser sollte den gegebenen Standards des W3C nachkommen, welche der Programmierer beim Schreiben des Quelltextes einhalten sollte. Jegliche automatische Korrektur ist lediglich ein Zusatz des Browsers und nicht unbedingt nötig. Da jeder Browser hier seine eigenen Regeln zur Korrektur festlegt, kann auch nicht garantiert werden, dass der Quelltext dann noch für alle Browser funktioniert.

Hält man sich jedoch an den Standard, dann funktioniert die Seite meistens in allen Browsern. Einige Ausnahmen sind natürlich aufgrund fehlerhafter Umsetzung des Browsers möglich. Daher sollte man die Seite während des Arbeitens immer in allen gängigen Browsern betrachten.

Letzte Änderung: 12.05.2008 17:06 Uhr

Diskussion

Zum Diskussions Thread [1 Beitrag]