Wie bereits vor einiger Zeit in diesem Artikel erläutert wurde, bietet HTML zwei verschiedene Formen der Auszeichnung: die logische und die physische.
der Unterschied
… zwischen beiden ist folgender: während physische Auszeichnungen – also zum Beispiel Formatierungsangaben wie <b> für fettgesetzten Text – lediglich über das Aussehen entscheiden, beinhalten logische Auszeichnungen zugleich eine Information über den Inhalt. Das Pendant zu <b> wäre hier <strong>, was angibt, dass es sich um einen besonders zu betonenden Inhalt handelt. Die Standard-Einstellungen der Browser verfahren mit dem strong-Tag so, dass sie es fett setzen. Vorlesegeräte hingegen betonen es stärker – mit einem nur via <b> formatierten Inhalt können sie nichts anfangen und lesen ihn genau so wie auch den Rest des Textes.
semantisches Web
Im Rahmen des semantischen Webs wird das Verwenden von logischen Auszeichnungen ausdrücklich empfohlen, ebenso wie das Nutzen von semantisch angebrachten Tags: <h1>-<h6> kennzeichnen Überschriften, <blockquote> umfasst ein Zitat, …
(In einer Anmerkung kam die Frage auf, welches das physische Pendant zu h1 wäre: eine direkte Entsprechung gibt es nicht, sondern man müsste das optische Erscheinungsbild der Überschrift durch Festlegen des Schriftgewichts (fett), der Schriftgröße etc. festlegen.)
welche logischen Auszeichnungen gibt es?
Wen es interessiert, welche verschiedenen Elemente zur logischen Auszeichnung existieren, der findet hier eine umfassende Liste mit Erläuterungen.
hej=)
danke für den Artikel. jetzt ist mir das ganze etwas klarer
Im Rahmen des semantischen Webs wird das Verwenden von logischen Auszeichnungen ausdrücklich empfohlen
Das versteh ich nicht. Man verwendet doch so viel css um genau das nicht zu haben, dass jeder browser das etwas anders deutet?
Wenn du ganz sicher gehen willst, kannst du die semantischen Tags ja auch noch im Stylesheet explizit definieren – also zum Beispiel:
strong {font-weight: bold;
}