Skref til að fjarlægja undirstreymi úr textatenglum og málum til að vera meðvitaðir um
Sjálfgefið er textaefni sem er tengt HTML með því að nota eða "akkeri" frumefni stíll með undirliti. Oftast veljið vefhönnuðir að fjarlægja þessa sjálfgefna stíl með því að fjarlægja undirlínuna.
Margir hönnuðir eru ekki sama fyrir útliti undirstrikaðrar texta, sérstaklega í þéttum blokkum innihalds með fullt af tenglum. Öll þessi undirstrikuðu orð geta raunverulega brotið á lestrunarflæði skjals. Margir hafa haldið því fram að þeir sem leggja áherslu á raunverulega gera orð erfiðara að greina og lesa fljótt vegna þess hvernig undirlínan breytir náttúrulegu letriformunum.
Það eru hins vegar lögmætar ávinningur að halda þessum áherslum á textatengla hins vegar. Til dæmis, þegar þú flettir í gegnum stóra textabrot, undirstrikuð tenglar ásamt réttri litamynstri auðvelda lesendum að strax skanna síðu og sjá hvar tengslin eru. Ef þú horfir á vefhönnunartólin hér á About.com, sem og aðrar greinar á síðunni, muntu sjá þessa stíl af undirstrikuðu tenglum á sínum stað.
Ef þú ákveður að fjarlægja tengla úr textanum (einfalt ferli sem við munum ná innan skamms), vertu viss um að finna leiðir til að stilla þennan texta til að aðgreina hvað er tengill frá því sem er texti. Þetta er oftast gert með fyrrnefndum litróf, en litur einn getur skapað vandamál fyrir gesti með sjónskerðingu eins og litblinda. Miðað við tiltekna mynd af litblindleysi getur andstæða glatast algjörlega á þeim og kemur í veg fyrir að þeir sjái muninn á tengdum og ótengdum texta. Þess vegna er undirstrikað texti enn talin besta leiðin til að sýna tengla.
Svo hvernig slökkva á undirliti ef þú vilt samt gera það? Þar sem þetta er sjónræn einkenni sem við erum áhyggjufull með munum við snúa okkur að hluta vefsvæðisins okkar sem sér um öll sjón - CSS.
Notaðu Cascading Style Sheets til að slökkva á undirstrikunum á tenglum
Í flestum tilvikum ertu ekki að leita að undirlínunni á aðeins einum textatengli. Í staðinn þarf hönnunarsnið þitt líklega að fjarlægja undirstrik frá öllum tenglum. Þú myndir gera þetta með því að bæta við stílum við ytri stílhliðina þína.
{texti-skreyting: ekkert; }Það er það! Þessi eini einfaldur lína af CSS myndi slökkva á undirlínunni (sem notar í raun CSS eignina fyrir "textaskraut") á öllum tenglum.
Þú gætir líka fengið nákvæmari með þessari stíl. Til dæmis, ef þú vilt aðeins að slökkva á undirlínunni eða tenglum inni í "nav" frumefni, gætir þú skrifað:
Nav {texti-skreyting: ekkert; }Nú, textatenglar á síðunni myndu fá sjálfgefið undirlínuna, en þeir sem voru í húfi myndu hafa það fjarlægt.
Eitt sem margir vefhönnuðir kjósa að gera er að kveikja á hlekkinn aftur "á" þegar einhver er sveiflast yfir textann. Þetta væri gert með því að nota: sveima CSS gervi-bekknum, svona:
{texti-skreyting: ekkert; } a: sveima {text-decoration: underline; }Notkun Inline CSS
Til viðbótar við að gera breytingar á ytri stíll, þá gætirðu einnig bætt stíllunum beint við frumefni sjálft í HTML, eins og þetta:
Þessi hlekkur hefur engin áhersluVandamálið með þessari aðferð er að það setur stíll upplýsingar inni í HTML uppbyggingu þinni, sem er ekki besta æfingin. Style (CSS) og uppbygging (HTML) ætti að vera aðskilin.
Ef þú vildir alla texta tengla á síðuna til að fá undirstreymið fjarlægt myndi bæta við þessum stílupplýsingum við hverja tengil á einstökum grundvelli þýða að heilmikið af auka merkingu verði bætt við kóða vefsvæðis þíns. Þessi síða uppblásinn getur hægrað á hleðslutíma síðunnar og gert almennari síðustjórnun miklu meira krefjandi. Af þessum ástæðum er æskilegt að alltaf snúa sér að ytri stílhlaupi fyrir allar hliðarstílhugmyndir.
Í lokun
Eins auðvelt og það er að fjarlægja undirstrikið úr textaforritum vefsíðunnar, þá ættir þú líka að hafa í huga afleiðingar þess að gera það. Þó að það gæti örugglega hreinsað útlit síðu getur það gert það á kostnað heildar nothæfi. Taktu þetta í huga þegar þú hefur í huga að breyta eiginleika "textaskraut" á síðunni.
Upprunaleg grein af Jennifer Krynin. Breyttur á 9/19/16 af Jeremy Girard