Tegevused tekstiilinkide ja nendega seotud probleemide rõhutamiseks
Vaikimisi on või "ankru" elemendiga HTML-vorminguga lingitud teksti sisu sisestatud allrida. Sageli otsustavad veebidisainerid vaikimisi stiili eemaldama, eemaldades alamrubriigi.
Paljud disainerid ei hooli rõhutatud teksti välimusest, eriti tihedate, palju lingid sisaldavate blokeeringutega. Kõik need rõhutatud sõnad võivad tõepoolest katkestada dokumendi lugemisvoo. Paljud on väitnud, et need rõhutavad, et tegelikult raskendavad sõnad raskemini eristada ja lugeda kiirelt, kuna rõhutades muutub looduslikud kirjavormid.
Siiski on õigustatud eelis, kui säilitada need rõhuasetused tekstilinkidel. Näiteks kui te sirvite suuri tekstiklakke, on alakülgsed lingid koos õige värvikonfiguratsiooniga, et lugejad saaksid lehe otsekohe skannida ja näha, kus on lingid. Kui vaatate veebisaidile About.com veebidisaini artikleid ja teisi artikleid saidil, näete selle all olevate linkide kujundust.
Kui otsustate eemaldada tekstist lingid (lihtne protsess, mida me varsti peame), otsige kindlasti seda teksti stiili, et veelgi eristada, mis on lingist, mis on tavaline tekst. Seda tehakse kõige sagedamini ülalmainitud värvkontsentratsiooniga, kuid värv üksinda võib kujutada nägemispuudega külastajaid, nagu näiteks värvipimedus. Sõltuvalt nende erilisest värvipimedusest võib kontrast neile täielikult kaduda, ilma et nad saaksid näha seostatud ja mitteseotud teksti erinevust. Sellepärast peetakse lingid kõige paremaks vihjeks rõhutatud tekst.
Niisiis, kuidas soovite rõhutada, kui soovite seda ikkagi teha? Kuna see on visuaalne omadus, millega me muret peame, pöördub see meie veebisaidi poole, mis käsitleb kõiki nägemusi - CSS-i.
Kasutage linkide alt väljas olevate kaskaaditavate stiilide lehti
Enamikul juhtudel ei soovi te ainult ühele tekstilinkile alla joonistada. Selle asemel, et teie disaini stiil eeldab tõenäoliselt, et eemaldaksite kõikidest lingist allkirjad. Selleks peaksite lisama stiile oma välisele stiililehele.
{teksti-kujundus: pole; }See ongi! See üks lihtne CSS-i rida lülitaks välja alaindikaatori (mis tegelikult kasutab CSS-omadust tekstilõikamiseks) kõigil linkidel.
Samuti võite selle stiiliga täpsemaks saada. Näiteks, kui soovite ainult välja lülitada alamvõtmed või elemendi "nav" sees olevad lingid, võite kirjutada:
nav a {text-decoration: none; }Nüüd näevad lehe tekstilinkid vaikimisi esile tõsta, kuid neis pole neid eemaldatud.
Üks asi, mida paljud veebidisainerid otsustavad teha, on lingi tagasitamine "sisse", kui keegi liigub üle teksti. Seda tehakse, kasutades: hover CSS pseudo-klassi, näiteks:
{teksti-kujundus: pole; } a: hõljutage kursorit {text-decoration: underline; }Inline CSS-i kasutamine
Välise stiililaadi muutmise alternatiivina võite lisada stiile otse HTML-i elementi ise, näiteks:
sellel lingil pole allajoonitudSelle meetodi probleem seisneb selles, et HTML-i struktuur sisaldab stiili teavet, mis pole parim tava. Stiil (CSS) ja struktuur (HTML) tuleks hoida eraldi.
Kui soovite, et kogu saidi tekstilink oleks eemaldatud, eemaldades selle stiili teabe lisamise igale lingile individuaalselt, tähendaksite saidi koodile õiglast lisatähe lisamist. Selline leht paistab võib aeglustada saidi laadimisaega ja muuta kogu lehe haldamine palju keerulisemaks. Nendel põhjustel on eelistatav alati pöörduda välise stiililehe poole kõigile lehe stiilivajadustele.
Sulgemisel
Veebilehe tekstilinkide allservas eemaldamine on sama lihtne kui võimalik, siis peaksite silmas pidama selle tagajärgi. Kuigi see võib tõepoolest lehe välimust puhastada, võib see seda teha üldise kasutatavuse arvelt. Võtke see arvesse järgmisel korral, kui kaalute lehe tekstidepaberi omaduste muutmist.
Jennifer Krynini algne artikkel. Redigeeriti 19. jaanuaril 16 Jeremy Girard