Léieren e einfache Wee fir d'Underlinele vun de Linken an HTML ze fuehren

Schrëtt fir Ofhuele vun Ënnerschrëft aus Textveräiner a Froen ze bewäerten

Standard gesi gëtt Textinformatioun mat HTML oder dem Element "Anker" mat engem Ënnergrond. Oftentimes wäerte Webdesigner dës Standardformuléierung erofhuelen andeems d'Ënnerstëtzung ofgeschaaft gëtt.

Vill Designer wënschen Iech keng Aussoe vum Ënnergewéinlech Text, besonnesch an dichten Blöcken vu Inhalt mat vill Linken. All dës Ënnerdeelunge kënne wierklech de Lieslieser vun engem Dokument brechen. Vill Leit hunn argumentéiert datt dës Ënnerstëtzer tatsächlech Wierder méi schwiereg ginn ze ënnerscheeden an ze liesen esou schnell wéi d'Ënnerstëtzung vun den natierleche Bréifformen.

Et gi legitim Virdeeler fir dës Ënnerhalung op Textverletzungen ze halen. Zum Beispill, wann Dir gréisst Bléidercher Text duerchsichtegt, ënnersträicht Linken mat gekuckte Faarwenkontrast maachen et einfach fir Lieser un eng Websäit direkt unzeleeën a kucken wou d'Links sinn. Wann Dir d'Webdesignartikel hei op About.com kuckt, wéi och aner Artikelen op der Säit, fannt Dir dat Styling vun ënnersträicht Linken op der Plaz.

Wann Dir decidéiert, Linken aus dem Text ze schécken (e einfache Prozess deen mir kuerz kafen), vergiesst Dir Weeër ze fannen fir den Text ze stiléieren ëmmer nach ze differenzéieren wat e Link vun deem kléngen Text ass. Dëst ass am Meeschten oft mat dësem eegene Kontrast gemaach, awer d'Faarf kann alleng e Problem fir Besucher mat visuelle Behënnerungen wéi d'Faarfbléien. Jee no hirer besonnescher Form vu Faarfbléien, kann de Kontrast vläicht ganz verluer sinn, fir ze verhënneren, datt de Ënnerscheed tëschent verlinkte an onverbindleche Texter ze gesinn ass. Dëst ass et ënnersträichen Text ze verstoen ëmmer nach dee bescht Manéier fir Links ze weisen.

Also wéi befaasst Dir eng Ënnerschrëft, wann Dir et nach ëmmer wëllt maachen? Well dat ass eng visuell Charakteristesch déi mir betrëfft, wäerte mir de Site vun eiser Websäit ubidden, déi all Dinge visuell handelt - CSS.

Benotzt Cascading Style Sheets, fir d'Ënnerlines op Linken auszeginn

An deene meeschte Fäll sinn Dir net op der Sich no enger Ënnerstëtzung op nëmmen engem Text Link. Stellt Äert Designstéck wahrscheinlech erfuerderlech datt Dir Ënnersignele vun allen Links verbiddert. Dir kéint dat maachen andeems Stiler an ärem externen Stylblat stinn.

eng {Textdekoratioun: keng; }}

Dat ass et! Dat eng einfacher Zeil vu CSS schreift d'Ënnerstëtzung (déi tatsächlech d'CSS-Eegnung fir "Text-Deko" benotzt) op all Linke.

Dir kënnt och méi spezifesch mat dësem Stil kréien. Zum Beispill, wann Dir nëmmen déi Ënnerstëtzung oder d'Links am Inn vum "nav" -Element wousst huet, kënnt Dir schreiwen:

nav [text-décoration: none; }}

Elo hunn Text-Links op der Säit déi Standard Default-Linn, awer déi am Navav hätt et ofgeschaaft hunn.

Eppes wat vill Webdesigner wiele fir ze maachen ass d'Verknëppung op "on" wann een eppes iwwer den Text schwetzt. Dëst géif geschéien mat der: Hover CSS-Pseudo-Klasse, wéi:

eng {Textdekoratioun: keng; } a: hover {text-decoration: underline; }}

Benotzt Inline CSS

Als Alternativ fir d'Verännerunge vun engem externen Stylesheet ze maachen, kënnt Dir och d'Stiler direkt am Element selwer an HTML addéieren, wéi dëst:

dës Link huet keen Ënnergrëff

De Problem mat dëser Methode ass datt et Stil Informatiounen an Ärem HTML Struktur ubelaangt, wat net e bescht Praxis ass. Stil (CSS) an Struktur (HTML) sollen separat gehal ginn.

Wann Dir all Text vun engem Site unzeleeën, fir dës Ënnerstëtzung ze verloossen, da kënnt dës Informatiounstil fir all Link op enger individueller Basis hinzeweisen datt eng fair Betrag extra Zeilennummer fir de Code vun Ärem Site hinzukommen. Dës Säit snoe laanscht d'Belaaschtung vun enger Websäit ze verlängeren an eng generell Säit verwéckelt méi Erausfuerderung. Aus dëse Grënn, ass et besser ze hunn fir en externe Stylblatt fir all Bedarf ze kreéieren.

Am Closing

Esou einfach wéi et ass d'Ënnerstëtzung vun enger Textlinn vun de Websiten ze läschen, musst Dir och d'Konsequenze maachen. Obwuel et awer d'Optioun vun enger Säit opmaachen kann, da kënnt et op Käschte vun der Gesamt Usability. Gitt dës fir d'nächst Kéier de Berücksichtege wéi Dir Äert Thema "Text-Dekoratioun" änneren.

Original Artikel vum Jennifer Krynin. Edited am 9/19/16 vum Jeremy Girard