Webmaster-Crashkurs

Text umwandeln und Kapitälchen

Beim Umwandeln von Text wird dieser nur für die Ausgabe umgewandelt. Im Quellcode hat er weiterhin seine Grundform.

Text umwandeln

Es gibt die Möglichkeit, dass Text für die Anzeige umgewandelt wird, z.B. die Anzeige komplett in Kleinbuchstaben erfolgt oder nur in Großbuchstaben oder mit ersten Buchstaben als Großbuchstaben. Dies wird über die CSS-Anweisung text-transform: capitalize | uppercase | lowercase | none; erreicht.

Aufgabe: Probieren Sie wirkung von folgenden CSS-Anweisungen auf einen Absatz aus.

    text-transform: capitalize;
    text-transform: uppercase;
    text-transform: lowercase;
    text-transform: none;

Dieses Gestaltungsmittel ist wichtig, wenn Textpassage z.B. rein in Großbuchstaben ausgegeben werden sollen. Allerdings wäre es eine Katastrophe im Bezug auf barrierefreie Webseiten, da ein Vorleseprogramm schnell eine Ansammlung von Großbuchstaben als Abkürzungen sieht und diese dann buchstabiert. Über den text-transform steht im Quellcode der Inhalt ordnungsgemäß in der dudenkonformen Groß- und Kleinschreibung, nur die Anzeige kommt nur in Groß wie im Design gewünscht.

Kapitälchen

Anzeigen in Kapitälchen – Kleinbuchstaben werden als Großbuchstaben angezeigt. Ein bisheriger Großbuchstaben ist größer als die anderen.

font-variant: small-caps;

h1 {
    font-variant: small-caps;
}

Sollte auch mit maßen eingesetzt werden, da dadurch die gewohnten Wortumrisse zerstört werden und es dem Leser Lesegeschwindigkeit kostet.

Sie können gerne diesen in Kapitälchen gesetzten Absatz lesen und schauen, wie lange Sie benötigt haben. Es hat wahrscheinlich nicht wirklich Spaß gemacht, ihn zu lesen und das scharfe s sieht in Kapitälchen immer merkwürdig aus. Also hier sehr mit Augenmaß zur Sache gehen, wenn Kapitälchen eingesetzt werden.

HTML5-Video-Kurs:
hier klicken für
mehr Informationen
© 2008-2024   •   www.webmaster-crashkurs.de - HTML5 Tutorial mit VideosImpressumDatenschutzerklärung
weitere eigene Projekte: