So blenden Sie eine Unterstreichung in einem Hyperlink

Hyperlinks sind anklickbar Navigations-Tools, die Website-Besucher zu Abschnitten eines online-Dokument oder eine neue Webseite führen. Entwerfen von Webseiten mit Hyperlinks unterstrichen ist eine der Web Typografie obersten zehn Sünden, laut Smashing Magazine, weil Hyperlink Unterstreichungen der Schrift Kleinbuchstaben Unterlängen schneiden und die Lesbarkeit vermindert. Angenommen, Sie arbeiten mit HTML-Code, um das Aussehen einer Webseite und ihrer Hyperlinks zu steuern, anstatt versuchen, die Unterstreichung zu verbergen, es empfiehlt sich, die Code enthalten, der vorschreibt wie Browser Links angezeigt werden sollen.

Anweisungen

1 Löschen Sie herkömmlichen HTML-Hyperlink-Code und entfernen Sie alle Vorfälle des HTML-Codes, die die Lesbarkeit Ihrer Hyperlinks untergräbt. Entfernen Sie HTML-Einträge wie "Border-Bottom: solid." Wenn Sie einen Hyperlink Unterstreichung in der Zukunft benötigen, verwenden Sie den Befehl HTML "Text-Decoration: Unterstreichung" stattdessen weil es eine Linie unterhalb der Schrift Unterlängen zieht.

2 Benachrichtigen Sie Browser, die Stil-Befehle innerhalb von HTML-Text unterstützen, die der Link ohne jede Standard-Textdekorationen anzeigen soll. Typ "Text-Decoration: keine" zwischen den entsprechenden Stil-Kommandos unter den HTML-Eröffnung-Kopf. Hinzufügen "< Stil Href > ein {Text-Decoration: keine} < / style >," zum Beispiel.

3 Steuern Sie das Aussehen eines Hyperlinks mit einem cascading Stylesheet. Erstellen Sie ein Stylesheet, um das Aussehen Ihrer Hyperlinks Stil. Enthalten den Code "{Text-Decoration: keine;}" neben dem Stil, dass Sie für alle Hyperlinks innerhalb Ihrer cascading Stylesheet definieren und dann der überlappenden hinzufügen Stil des Blattes URL und seine Werte zu Ihrer HTML-Datei sowie die relevanten Syntax, die Ihre Webseite benötigt der überlappenden verweisen auf Stylesheet, wie z. B. "< LINK href="mystyle.css "Rel ="Stylesheet"Type =" Text/Css">."