Steppingen om subsydzje te foarkommen fan tekstblêden en problemen om bewust te wêzen
Standert is tekstynhâld dat keppele is oan HTML mei it anonym of "anchor" is stylearre mei in ûnderline. Oftentimes kieze webdesigners dizze standert styling te ferwiderjen troch de ûndersteande te fuortsmite.
In soad ûntwerpers soargen net foar it sjen fan ûnderline tekst, fral yn dichte blokjes fan ynhâld mei in soad keppelings. Alle ûnderrjochte wurden kinne it lêzenfaze fan in dokumint echt brekke. In soad hawwe argumentearre dat dy subsydzjes aktyf meitsje wurden wurden hurder om te ûnderskieden en te lêzen fluch fanwege de manier wêrop't de natuerlike letterfoarmen feroaret.
Der binne legitime foardielen foar it bewarjen fan dizze ûnderlines op tekstferbindingen. As jo bygelyks troch grutte tekstblokken bliuwe, ûnderlutsen keppelings ferbûn mei juste kleur kontrast meitsje it makliker foar lêzers om fuortendaliks in side te scannen en sjen wêr't de keppelings binne. As jo op 'e web-ûntwerp artikels hjir op Oer About.com sjogge, lykas oare artikels op' e side, sjogge jo dizze styling fan ûnderline linken op 'e plaat.
As jo beslute om ferwidering fan 'e tekst te wiskjen (in ienfâldige proseduere dy't wy koart kieze), moatte jo derfoar soargje dat wizen binne om dizze tekst te styl te ûnderskieden wat in keppeling is fan wat wat tekst is. Dit is meastal dien mei dy neamde kleurkontrast, mar kleur allinich kin in probleem foar foarstellingen mei fisuele beperkingen as kleurblindens. Ofhinklik fan har bepaalde foarm fan kleurblindens, kontrast kin hielendal ferlern wurde op har, en foarkomme dat se it ferskil tusken it keppele en net-keppele tekst foarkomme. Dêrom is de ûndersteande tekst noch altyd de bêste manier om te linen sjen te litten.
Hokker as jo in ûnderline útsette as jo dit dochs wolle? Sûnt dit is in fisuele karakteristyk dy't wy dogge, sille wy it part fan ús webside wikselje dy't alle dingen visualisearret - CSS.
Brûk Cascading Style Sheets om de Underlinen op Linken út te skeakeljen
Yn 'e measte gefallen binne jo net opsletten om in subsydzje op just ien tekstblad te draaien. Ynstee dêrfan ferwachtet jo ûntwerpstyl jo wierskynlik om fuortsettingen fan alle links te ferwiderjen. Jo kinne dit dwaan troch tafoegings te stjoeren oan jo eksterne stylblêd.
in {tekst-dekôr: gjin; }Dat is it! Dat ien ienfâldige line fan CSS sil de ûnderline útsette (dy't de CSS-eigno foar "tekst-dekoraasje" eins brûke sil op alle links.
Jo kinne ek mear spesifyk krije mei dizze styl. Bygelyks, as jo allinich de ûnderline of de links yn it "nav" elemint wiskje wolle, kinne jo skriuwe:
nav in {tekst-dekôr: gjin; }No sille tekstûntwikkelen op 'e side de standert ûnderline krije, mar dy yn' e nav soe it fuorthelje.
Ien ding dat in protte webûntwerpers kieze om te dwaan is de keppeling wer werom te setten op "on" as ien oer de tekst hout. Dit soe dien wurde troch de: hover CSS pseudo-klasse, sa as dit:
in {tekst-dekôr: gjin; } a: hover {text-decoration: underline; }Brûke Inline CSS
As alternatyf om feroarings oan in eksternem stylblêd te meitsjen, kinne jo ek de stilen direkt oan it elemint sels taheakje yn HTML, sa as dit:
dizze keppeling hat gjin ûndersteandeIt probleem mei dizze metoade is dat it styl ynformaasje yn jo HTML-struktuer pleatst, dat is gjin bêste praktyk. Styl (CSS) en struktuer (HTML) moatte apart wurde bewarre wurde.
As jo alle links fan 'e webside wiskjen hawwe om de ûnderlining te ferwiderjen, wurde dizze stylynformaasje taheakke oan elke link op in yndividuele basis as in betsjutting fan in ekstra markearring dy't jo oan jo koade taheakje hawwe. Dizze bloatside kin de lêst tiid fan 'e side ferbrekke en it algemiene side behearder meitsje fan folle mear útdaging. Foar dy redenen is it foardielich om altyd te wikseljen nei in ekstern stylblêd foar alle side styling needsaak.
Yn it sluten
Sa maklik as it om de ûnderline fan 'e tekstlinks fan in Webside te ferwiderjen, moatte jo ek bepale fan de gefolgen fan dat dwaan. Wylst it kin de side fan in side wer skjinmeitsje, dan kin dat dwaan op 'e kosten fan algemien brûkberens. Nim dit rekken mei de neikommende kear as jo beskôgje dat in side 'webside dekoraasje' feroaret.
Oarspronklik artikel fan Jennifer Krynin. Edited on 9/19/16 by Jeremy Girard