Sužinokite lengvą būdą panaikinti nuorodas iš HTML

Daugelis dizainerių nesirūpina pabrėžto teksto išvaizda, ypač tankiuose turinio blokuose su daugybe nuorodų. Visi šie pabrėžiami žodžiai tikrai gali pažeisti dokumento skaitymo srautą. Daugelis teigia, kad tie, kurie pabrėžia, iš tikrųjų daro žodžius sunkiau atskirti ir greitai skaityti dėl to, kad pabrėžiant pokyčius keičiasi natūralios formos.

Vis dėlto yra pagrįstų privalumų, kad šios teksto nuorodos būtų išlaikytos. Pavyzdžiui, kai naršote didelius teksto blokus, pabrėžiami ryšiai kartu su tinkamu spalvų kontrastu leidžia skaitytojams nedelsiant nuskaityti puslapį ir pamatyti, kur yra nuorodos. Jei pažvelgsite į interneto dizaino straipsnius čia About.com, taip pat kitus straipsnius svetainėje, pamatysite šį pabrauktų nuorodų stilių.

Jei nuspręsite pašalinti nuorodas iš teksto (paprastas procesas, kurį mes netrukus apimsime), būtinai raskite būdus, kaip šį tekstą stiliaus, kad vis dar būtų galima atskirti tai, kas yra nuoroda iš to, kas yra paprastas tekstas. Tai dažniausiai daroma naudojant minėtą spalvų kontrastą, tačiau spalva vien tik gali sukelti problemų lankytojams su regėjimo sutrikimais, pvz., Spalvos aklumu. Priklausomai nuo jų konkrečios spalvos aklumo formos, kontrastas gali būti visiškai prarastas, todėl jie negali matyti skirtumo tarp susieto ir nesusieto teksto. Štai kodėl pabrėžtas tekstas vis dar laikomas geriausiu būdų rodyti nuorodas.

Taigi, kaip jūs išjungiate pabrėžimą, jei vis tiek norite tai padaryti? Kadangi tai yra vizuali charakteristika, dėl kurios mes susirūpinę, mes kreipiės į mūsų svetainės dalį, kuri tvarko viską vizualiai - CSS.

Naudokite kaskadinio stiliaus lapus, norėdami išjungti nuorodas

Daugeliu atvejų nenorite, kad paryškintumėte tik vieną teksto nuorodą. Vietoj to, atsižvelgiant į jūsų dizaino stilių, jūs turite pašalinti iš visų nuorodų esančius požymius. Tai atliktumėte pridėdami stilių prie išorinio stiliaus lapo.

Viskas! Tai viena paprastoji CSS eilutė išjungs pabraukimą (kuris iš tiesų naudoja CSS nuosavybę "teksto apdailai") visuose saituose.

Taip pat galite gauti daugiau specifinių šio stiliaus. Pavyzdžiui, jei norėjote tik išskirti paryškinimą arba nuorodas elemento "nav" viduje, galite rašyti:

Dabar teksto nuorodos puslapyje bus numatytosios pagal numatytuosius nustatymus, bet tos, kurios buvo pašalintos, nebus pašalintos.

Vienas dalykas, kurį daugelis interneto dizainerių nusprendžia padaryti, yra tai, kad nuorodą įjungti "įjungus", kai kas nors aptiks tekstą. Tai būtų padaryta naudojant: hover CSS pseudo-klasę, pavyzdžiui:

Naudojant Inline CSS

Kaip alternatyva pakeitimams išorinėje lentelėje stilių, taip pat galite pridėti stilių tiesiai į elementą HTML, pavyzdžiui:

Problema su šiuo metodu yra tai, kad ji pateikia stiliaus informaciją jūsų HTML struktūroje, kuri nėra geriausia praktika. Stilius (CSS) ir struktūra (HTML) turėtų būti laikomi atskirai.

Jei norite, kad visos svetainės tekstinės nuorodos būtų panaikintos, po kiekvienos nuorodos pridedant šią stiliaus informaciją atskirai, reiškia, kad jūsų svetainės kodui pridedama tikroji papildoma žymėjimo suma. Šis puslapis išsiplėsti gali sulėtinti svetainės įkėlimo laiką ir padaryti bendrą puslapio valdymą daug sunkesnes. Dėl šių priežasčių pageidautina visada kreiptis į išorinį stilių lapą, kad būtų atsižvelgta į visus puslapio stiliaus poreikius.

Uždarymo metu

Taip pat paprasta pašalinti pabrėžimą iš tinklalapio tekstinių nuorodų, taip pat turėtumėte atkreipti dėmesį į to pasekmes. Nors jis iš tikrųjų gali išvalyti puslapio išvaizdą, tai gali tai daryti visiško naudojimosi sąskaita. Atsižvelkite į tai kitą kartą, kai apsvarstote pakeisti puslapio "teksto apdailos" savybes.

Originalus straipsnis Jennifer Krynin. Redagavo 19/19/16 Jeremy Girard