Logische Auszeichnungen machen Sinn

Text hat Bedeutung

Manchmal reicht die reine Strukturierung durch Block-Elemente, wie z.B. h1 oder p nicht aus, um den darin enthaltenen Informationen gut zu veranschaulichen. Abkürzungen, Programm-Ausgabe-Beispiele, Betonungen und noch weitere solcher Textbestandteile benötigen deshalb besondere Auszeichnungen.

Abkürzungen

Es gibt zwei Arten von Abkürzungen, die in der Hypertext Markup Language zugänglich notiert werden sollten.

1. Abkürzungen wie NRW oder BGS, also Buchstaben die man getrennt ausspricht.
2. Abkürzungen, welche ein eigenen Ausdruck bilden, wie zum Beispiel Modem.

Für die erste Art ist abbr vorgesehen, für die zweite Variante kommt acronym in Frage.

Es folgen Beispiele:

Das Attribut title eignet sich hier für die Angabe des vollständigen Begriffs. Das Attribut lang dient hier in diesem Fall nur für die gesonderte Kennzeichnung der Sprache, falls sie der Sprache des restlichen Dokuments abweicht.

Betonungen

Schon seit vielen Versionen von HTML gibt es die Möglichkeit, Phrasen von Texten zu betonen. Es gibt zwei Möglichkeiten:

Phrasen innerhalb von em werden standardmäßig von Browsern oplique/kursiv dargestellt, um vom restlichen Text angehoben zu werden. strong betont dessen Inhalt sehr stark und wird meist fett angezeigt. Natürlich können CSS-Regeln diese Darstellungen verändern.

Code- und programmier-spezifisches

Manchmal werden Code-Beispiele benötigt, um eine Programmierprache etwas näher erklären. Hierfür eignet sich das Element code. Hier ein Beispiel für die Ausgabe einer Zeile in PHP:

Um eine Ausgabe-Phrase einer Programmier-Anweisung zu notieren, wird das Element samp empfohlen. Möchte man z.B. die Ausgabe des obigen Anweisung notieren, macht man das folgendermaßen:

samp steht übrigens für das englische Wort Sample, was zu deutsch Beispiel bedeutet.

Möchte man von Benutzer generierte Eingaben auszeichnen, nutzt man das Element kbd. Hier ein kleines Anwendungs-Beispiel:

Nachträgliche Änderungen

Es kommt vor, dass man Texte veröffentlicht und sich danach Tatsachen geändert haben und der Text deswegen nicht mehr stimmt. Dann möchte man ihn manchmal kenntlich ausbessern. Dazu sind die Elemente del und ins vorgesehen. Hier die korrekte Anwendung:

Inhalte von del erhalten von den meisten Browsern die Text-Dekoration durchgestrichen.

Fortsetzung und Feedback

Es gibt auch noch die Möglichkeit Zitate gesondert auszuzeichen, jedoch gibt es dafür eine Block-Element-Variante und eine Inline-Element-Variante. Darum möchte ich dies in einem späteren Artikel weiter ausführen.

Sicherlich ist dies wohl schon ein alter Hut für manch einen, jedoch gibt es bestimmt noch Leute, die noch dazulernen konnten. Falls ich etwas vergessen oder übersehen habe oder einfach nur helfen konnte, würde ich mich über eurer Feedback freuen!