## Inline Text Style Tags

Einfaches formattieren von Texten (z.B. innerhalb von Paragraphen)

Ein Vorwort

Die inline-text Tags haben eigentlich nicht den Sinn, einzelne Texte zu stylen.
Hierzu sollte normal ein `<span>` mit CSS-Styling verwendet werden.
Die hier angesprochenen Tags haben einen semantischen Hintergrund der, zum Beispiel von Screen Readern verwendet wird.

### Das `<span>` als "Styling"-Container

- Das `<span>` Element besitzt kein eigenes Styling
- Das Element dient lediglich als inline-container für Texte
- Via Klassen sollte dem `<span>` Element ein Styling verliehen werden

### `<strong>` & `<b>`

- Beide Tags sorgen für einen fettgedruckten Text
- Das b-Tag hat weniger semantisches gewicht
- Das b-Tag sollte z.B. verwendet werden für Stichwörter oder Produkt-Namen. Es soll Aufmerksamkeit auf sich ziehen ohne eine Notwendigkeit zu suggerieren.
- Das strong-Tag sollte wichtige Inhalte hervorheben oder dann verwendet werden wenn dringlichkeit Vermittelt werden soll.

### `<em>`phasize & `<i>`

- Textinhalte in diesen Tags werden als kursiv dargestellt
- Das <i> ist semantisch schwächer als das <em> Element
- Das lässt nesting zu um den "Effekt" zu verstärken
- In Screen Readern wird das <em> Element semantisch hervorgehoben

### Weitere spezielle Inline-Style Tags

#### `<code>`

- Dient zum stylen von Texten der (Programmier)-Code darstellen soll
- Styled den Text für gewöhnlich in einem `Monospaced Font`

#### `<mark>`

- Soll markierten beziehungsweise Hervorgehobenen Text darstellen
- Styled den Text für gewöhnlich mit einem auffälligen Hintergrund

#### `<u>`nderline

- Dient als Anmerkung zu einem Text
- Wird normalerweise als Unterstreichung dargestellt
- Zum Beispiel zur Anzeige von synatkatischen Fehlern