====== Textauszeichnung ======
Innerhalb einer Textpassage lassen sich besonders wichtige Informationen hervorheben – zum Beispiel durch Zentrieren, Einrücken, unterschiedliche Schriftgrößen und -farben oder Schriftschnitte in kursiv und bold. Während eine Textverarbeitung wie z. B. Word nur Wert auf das Aussehen legt, können Sie den Text von Webseiten nach seiner inhaltlichen Bedeutung auszeichnen, da Webseiten nicht nur am Bildschirm, sondern auch von Screenreadern gelesen und von Suchmaschinen ausgewertet werden.
**Beachte**: Bei den Elementen zur Textauszeichnung handelt es sich um sogenannte Inline-Elemente. Deshalb bleibt beispielsweise eine Zuweisung von Länge oder Breite zunächst einmal wirkungslos.
===== Schreib- und Gestaltungsregeln =====
Es ist empfehlenswert, Texten eine moderne Seitenstruktur mit den neuen HTML5-Elementen wie article, aside und footer zu geben. Verwende diese Elemente und auch eigenschaftslose div-Elemente nur sparsam.
Jeder Textblock sollte seine eigene Überschrift haben. Durch die Verwendung der verschiedenen Überschriftenebenen können Sie dem Text eine auch für Screenreader und Suchmaschinen interpretierbare Struktur geben.
Abweichend von Textdokumenten haben sich im Webdesign einige Grundsätze herausgebildet.
Während DIN A4-Seiten oft im Blocksatz gestaltet sind, entstehen dadurch gerade auf kleineren Viewports zu große Lücken zwischen längeren Wörtern.
**Empfehlung**: Verwende im Webdesign Flattersatz und verzichte auf //text-align: justify;//.
===== Hervorhebungen =====
=== span ===
Das span-Element (engl span für überspannen) ist ein Element, das Text und andere Inline-Elemente enthalten kann, selbst aber keine semantische Bedeutung hat und nichts bewirkt. Es ist dazu gedacht, um mit Hilfe von CSS formatiert zu werden.
Auch grüne Weihnachtsbäume werden braun.
{{:inf:inf5ai_202324:07_webentwicklung:7_03:pasted:20240424-082624.png?400}}
=== fett oder kursiv ===
**b** (für bold engl. für fett) zeichnet einen Teil eines Fließtextes aus, der sich vom übrigen Text abheben soll, keine besondere Bedeutung hat und üblicherweise in Fettschrift dargestellt wird. Das trifft etwa auf Schlüsselwörter oder Produktnamen zu.
//i// (von italic, kursiv) zeichnet einen Teil eines Fließtextes aus, der sich vom übrigen Text abheben soll, keine besondere Bedeutung hat und üblicherweise kursiv dargestellt wird. Das trifft etwa auf Fachbegriffe, Namen oder Textpassagen, die in einem anderen sprachlichen Zusammenhang stehen, zu.
Sie können sich auf der Kundenseite
http://example.org/kunden
einloggen und Ihre persönlichen Daten einsehen.
Ihre Login-Daten lauten:
Name: rumpel.stilz
Passwort: q39a30qPPZ
Sie können sich auf der Kundenseite
http://example.org/kunden
einloggen und Ihre persönlichen Daten einsehen.
Ihre Login-Daten lauten:
Name: rumpel.stilz
Passwort: q39a30qPPZ