Kurz-Fakten

  • Typische Vertreter: a, span, strong, em, code, abbr, img, input, label
  • Angaben für Breite, Höhe und senkrechte Abstände wirken bei display: inline nicht wie erwartet
  • display: inline-block verbindet den Textfluss mit der Möglichkeit, Maße zu setzen
  • Inline-Elemente dürfen keine Block-Elemente enthalten – das a-Element ist die bekannte Ausnahme
  • strong und em tragen Bedeutung (Wichtigkeit, Betonung), b und i tun das nicht

Einordnung für die Praxis

Der praktisch wichtigste Punkt ist die Unterscheidung von strong und b. Beide sehen fett aus, aber nur strong sagt aus, dass etwas wichtig ist – ein Screenreader kann das hörbar machen. b markiert Text, der sich abhebt, ohne dass ein Grund mitgeliefert wird.

Die Ausnahme beim Verweis ist neu genug, dass sie oft übersehen wird: Seit HTML5 darf ein a-Element ganze Blöcke umschließen – eine komplette Vorschaukarte mit Bild, Überschrift und Text kann ein einziger Verweis sein.

Verwandte Begriffe

Quellen und Weiterlesen