Som standard er tekstindhold, der er knyttet til HTML ved hjælp af elementet "anker", formet med en understrege. Ofte vælger webdesignere at fjerne denne standard styling ved at fjerne understreget.
Mange designere er ligeglad med udseendet af understreget tekst, især i tætte blokke af indhold med mange links. Alle disse understregede ord kan virkelig ødelægge læsestrømmen af et dokument. Mange har argumenteret for, at de understreger rent faktisk gør ord sværere at skelne og læse hurtigt på grund af den måde, hvorpå understregning ændrer de naturlige bogstaver.
Der er dog legitime fordele ved at bevare disse understreger på tekstlinks. Når du f.eks. Gennemser store tekstblokke, understreges understreget links kombineret med korrekt farvekontrast, at læsere straks kan scanne en side og se, hvor linkene er.
Hvis du beslutter at fjerne links fra teksten (en simpel proces, som vi vil dække kort tid), skal du sørge for at finde måder at style den tekst på for at differentiere, hvad der er et link fra, hvad der er almindelig tekst. Dette gøres oftest med den førnævnte farvekontrast, men farve alene kan udgøre et problem for besøgende med synshandicap som farveblindhed. Afhængig af deres særlige form for farveblindhed kan kontrast være helt tabt på dem, og forhindre dem i at se forskellen mellem linket og ikke-linket tekst. Det er derfor, at den understregede tekst stadig betragtes som den bedste måde at vise links på.
Så hvordan slukker du en understreger, hvis du stadig vil gøre det? Da dette er et visuelt kendetegn, vi er bekymret over, vil vi henvende os til den del af vores hjemmeside, der håndterer alle ting, visuelt - CSS.
Brug Cascading Style Sheets til at slukke understreget på links
I de fleste tilfælde søger du ikke at slå en understreger ud på kun et tekstlink. I stedet kræver din designstil sandsynligvis, at du fjerner understreger fra alle links. Du ville gøre dette ved at tilføje stilarter til dit eksterne stilark.
a { tekst dekoration: ingen;}
Det er det! Den ene enkle linje af CSS ville slukke for underskriften (som faktisk bruger CSS-ejendommen til "tekst-dekoration") på alle links. Du kan også få mere specifikke med denne stil. For eksempel, hvis du kun ønskede at slukke understregen eller linkene inde i "nav" -elementet, kunne du skrive: nav a { tekst dekoration: ingen;}
Nu vil tekstlinks på siden få standard understreget, men dem i naven ville have fjernet det. En ting mange webdesignere vælger at gøre er at slå linket tilbage "på", når nogen svæver over teksten. Dette ville ske ved hjælp af: sving CSS pseudo-klassen, som denne: a { tekst dekoration: ingen;}a: svever { tekst-dekoration: understrege,} Som et alternativ til at foretage ændringer i et eksternt stilark, kan du også tilføje stilarterne direkte til selve elementet i HTML. Problemet med denne metode er, at det placerer stiloplysninger inde i din HTML-struktur, hvilket ikke er en god praksis. Style (CSS) og struktur (HTML) skal holdes adskilt. Hvis du ønskede, at alle et websteds tekstforbindelser skulle fjerne underskriften, ville tilføjelse af denne stilinformation til hvert link på individuel basis betyde, at en hel del ekstra markeringer blev tilføjet til dit websites kode. Denne sideopblussen kan sænke belastningstiden for en side og gøre den samlede sidehåndtering meget mere udfordrende. Af disse grunde er det bedst at altid henvende sig til et eksternt stilark til alle sidestilbehov. Så nemt som det er at fjerne understregningen fra en websides tekstforbindelser, bør du også være opmærksom på konsekvenserne af at gøre det. Selvom det rent faktisk kan rydde ud af en side, kan det gøre det på bekostning af den samlede brugervenlighed. Tage dette i betragtning, næste gang du overvejer at ændre en sides "text-decoration" egenskaber. Brug af Inline CSS
I afslutning
