Vaikimisi teksti sisu, mis on lingitud HTML-iga elemendi või "ankur" kasutamine on allajoonitud. Sageli otsustavad veebidisainerid selle vaikestiili eemaldada, eemaldades allajooni.
Põhjused joone alla ja vastu
Paljud disainerid ei hooli allajoonitud teksti väljanägemisest, eriti tihedate sisuga plokkides, kus on palju linke. Kõik need allajoonitud sõnad võivad tõepoolest murda dokumendi lugemisvoogu. Paljud on väitnud, et need allajoonimised muudavad sõnu raskemini eristatavaks ja kiiresti loetavaks sellepärast, et allajoonimine muudab loomulikke tähevorme.
Nende allakriipsutuste säilitamine tekstilinkidel on siiski õigustatud. Näiteks sirvides suuri tekstiplokke, muudavad allajoonitud lingid koos korraliku värvikontrastiga lugejatele lehe viivitamatu skannimise ja linkide nägemise lihtsaks.
Kui otsustate tekstist lingid eemaldada (lihtne protsess, mille peagi käsitleme), leidke kindlasti viise selle teksti kujundamiseks, et siiski eristada linki tavalisest tekstist. Kõige sagedamini tehakse seda
värvikontrast, kuid ainuüksi värv võib nägemispuudega külastajatele, näiteks värvipimedusele, probleeme tekitada. Sõltuvalt nende värvipimeduse konkreetsest vormist võib kontrastsus neile täielikult kaduma minna, mis takistab neil näha erinevust lingitud ja lingimata teksti vahel. Seetõttu peetakse allajoonitud teksti endiselt parimaks viisiks linkide kuvamiseks.Kuidas siis joon alla lülitada, kui soovite seda ikkagi teha? Kuna see on meie jaoks visuaalne omadus, pöördume oma veebisaidi selle osa poole, mis tegeleb kõigi visuaalsete asjadega - CSS-iga.
Lingide allakriipsutuste väljalülitamiseks kasutage kaskaadseid stiililehti
Enamasti ei taha te allajoonimist välja lülitada ainult ühe tekstilingi puhul. Selle asemel nõuab teie kujundusstiil tõenäoliselt kõigilt linkidelt joonte eemaldamist. Teeksite seda, lisades oma stiilidele stiilid väline stiilileht.
a {
teksti kaunistamine: puudub;
}
See selleks! See üks lihtne rida CSS lülitaks kõigi linkide puhul allajoonimise (mis tegelikult kasutab teksti kaunistamiseks CSS-i omadust).
Selle stiiliga võiksite ka täpsustada. Näiteks kui soovite välja lülitada ainult elemendi "nav" sees olevad jooned või lingid, võite kirjutada:
nav a {
teksti kaunistamine: puudub;
}
Nüüd saaksid lehel olevad tekstilingid vaikekriipsutuse, kuid navis olevad inimesed eemaldaksid selle.
Üks asi, mida paljud veebidisainerid otsustavad teha, on lingi uuesti sisse lülitada, kui keegi hõljutab teksti kohal. Selle tegemiseks kasutage järgmist: hõljutage kursorit CSS-i pseudoklass, nagu nii:
a {
teksti kaunistamine: puudub;
}
a: hõljutage {
teksti kaunistamine: allajoonimine;
}
Inline CSS-i kasutamine
Välise stiililehe muudatuste tegemise alternatiivina võite stiilid lisada ka otse elemendi enda sisse HTML.
Selle meetodi probleem on see, et see paigutab teie HTML-i struktuuri stiili teabe, mis pole parim tava. Stiil (CSS) ja struktuur (HTML) tuleks hoida eraldi.
Kui soovite, et kõik saidi tekstilingid eemaldaksid joone, lisage see stiiliteave iga link individuaalselt tähendaks, et teie saidile lisatakse üsna palju lisamärgiseid kood. See lehe paisumine võib aeglustada saidi laadimisaega ja muuta lehe üldise haldamise palju keerulisemaks. Nendel põhjustel on kõigi lehtede kujundamise vajaduste jaoks eelistatav pöörduda alati välise stiililehe poole.
Lõigus Sulge
Nii lihtne kui allajoonimise eemaldamine veebilehe tekstilinkidelt peaksite arvestama ka selle tagajärgedega. Ehkki see võib tõesti lehe välimuse puhastada, võib see seda teha üldise kasutatavuse arvelt. Võtke seda arvesse järgmisel korral, kui kaalute lehe "teksti kaunistamise" omaduste muutmist.