Underline

Aktualisiert: 15. September 2023

Einführung

Underlining, oder Unterstreichen, ist eine Methode, die in der Typografie und im Webdesign verwendet wird, um Textelemente hervorzuheben. Die Bedeutung des Unterstreichens geht auf die Zeit der Schreibmaschinen zurück, als es eine der wenigen Möglichkeiten war, Text hervorzuheben. Heute wird es online aus verschiedenen Zwecken eingesetzt, einschließlich der Betonung von Text, der Anzeige von Hyperlinks und der Verbesserung der Benutzerfreundlichkeit und Zugänglichkeit von Websites.

Verwendung im Webdesign

Unterstreichen zur Betonung

Im Webdesign und in der Typografie wird das Unterstreichen häufig verwendet, um bestimmte Textabschnitte hervorzuheben, die von besonderer Bedeutung oder Wichtigkeit sind. Dies kann in Überschriften, wichtigen Aussagen, oder Zitat sein.

Hyperlinks

Der auffälligste und verbreitetste Einsatz von Underlining im Webdesign betrifft Hyperlinks. Es hat sich zu einer Konvention entwickelt, dass unterstrichene Texte in der Regel Klick- oder Berührungsaktiv sind, und den Benutzer zu einer anderen Webseite oder einem anderen Bereich auf derselben Seite führen. Dies verbessert die Benutzerfreundlichkeit und hilft den Benutzern dabei, sich auf der Website zurechtzufinden.

Verbesserung der Web-Accessibility

Die Verwendung von Underlining kann auch die Zugänglichkeit einer Website verbessern. Menschen mit Sehbehinderungen oder bestimmten Farbenfehlsichtigkeiten können unterstrichenen Text leichter erkennen und lesen.

Anwendung im Webdesign und praktische Beispiele

CSS-Eigenschaft ‘text-decoration’

Möchte man das Unterstreichen in Web-Designs anwenden, kann man die CSS-Eigenschaft ‘text-decoration’ verwenden. Ein Beispiel ist: ‘text-decoration: underline’. Dies teilt dem Browser mit, dass der spezifische Text unterstrichen werden sollte. Es ist auch möglich, die Farbe und den Stil der Unterstreichung zu ändern.

Hyperlinks

In Bezug auf Hyperlinks, würde ein typischer Code-Ausschnitt in HTML und CSS aussehen wie: ‘a {text-decoration: underline; color: blue;}’. Das stellt sicher, dass alle Links auf der Seite blau und unterstrichen dargestellt werden, was der gebräuchlichsten Praxis entspricht.

Lesbarkeit

Wenn es um die Lesbarkeit geht, muss bei der Anwendung des Underlining darauf geachtet werden, dass es nicht zu viel oder zu wenig eingesetzt wird. Zu viel kann den Text schwer lesbar machen, während zu wenig den Zweck der Betonung verfehlen kann.

Fazit und abschließende Gedanken

Im Gesamten betrachtet, kann das Unterstreichen effektiv in Webdesign und Typografie eingesetzt werden, um Text hervorzuheben und Lesbarkeit zu verbessern. Dennoch sollte bei dessen Einsatz immer auf Einheitlichkeit und Benutzerfreundlichkeit geachtet werden. Die Wahrung eines Gleichgewichts zwischen Ästhetik und Funktionalität ist entscheidend.

Häufig gestellte Fragen

Was bedeutet es, wenn Text unterstrichen ist?

Unterstreichen von Text wird häufig verwendet, um Text hervorzuheben oder anzugeben, dass es sich um einen Hyperlink handelt.

Ist es ratsam, Text in Webdesigns zuunterstreichen?

Ja, es kann den Benutzern dabei helfen, wichtige Informationen oder Links zu identifizieren.

Wie kann ich Text in HTML unterstreichen?

Durch Verwendung des “u” Tags oder der CSS-Eigenschaft ‘text-decoration: underline’.

Ist es ein Muss, Links zu unterstreichen?

Es ist keine Pflicht, aber es ist eine bewährte Methode, da es die Navigation für die Benutzer erleichtert.

Wie kann ich die Unterstreichungsfarbe ändern?

Durch Verwendung der CSS-Eigenschaft ‘text-decoration-color’.

Ähnliche Artikel

Autor