Koraci ka uklanjanju podvučenih tekstualnih veza i pitanja o kojima treba znati
Podrazumevano, tekstualni sadržaj koji je povezan sa HTML-om pomoću elementa ili "sidro" je stilizovan sa podcrtom. Često web dizajneri odlučuju da uklone ovaj podrazumevani stil uklanjajući podvlačenje.
Mnogim dizajnerima nije briga za izgled podvučenog teksta, posebno u gustim blokovima sadržaja sa puno veza. Sve one podvučene reči mogu zaista prekinuti protok čitanja dokumenta. Mnogi su tvrdili da oni naglašavaju stvarno čine riječima teže razlikovati i čitati brzo zbog načina na koji podvlači promjene prirodnih slovnih oblika.
Međutim, postoje legitimne koristi za zadržavanje ovih naglasaka na tekstualnim vezama. Na primjer, kada pretražujete velike blokove teksta, podvučene veze u kombinaciji sa pravilnim kontrastom boje čine čitačima da odmah skeniraju stranicu i videju gdje su veze. Ako pogledate članke o web dizajnu ovdje na About.com, kao i druge članke na sajtu, videćete ovaj stil podvučenih veza na mjestu.
Ako odlučite da uklonite veze iz teksta (jednostavan proces koji ćemo pokriti uskoro), obavezno pronađite načine za stilizovanje tog teksta kako biste još razlikovali ono što je veza od onoga što je običan tekst. Ovo se najčešće radi sa navedenim kontrastom u boji, ali samo boja može predstavljati problem za posetioce sa oštećenjima vida kao što je slepilo u boji. U zavisnosti od njihovog posebnog oblika slepila u boji, kontrast može biti potpuno izgubljen na njima, sprečavajući ih da vide razliku između povezanog i nepovezanog teksta. Zato je podvučeni tekst i dalje smatran za najbolji način prikazivanja veza.
Dakle, kako isključite podvlačenje ako i dalje želite to učiniti? Pošto je ovo vizuelna karakteristika za koju smo zabrinuti, okrenućemo se delu našeg sajta koji obrađuje sve stvari vizuelnim - CSS.
Koristite Cascading Style Sheets da biste isključili podvale na linkovima
U većini slučajeva, ne tražite da isključite podvlačenje na samo jednom tekstualnom linku. Umesto toga, stil vašeg dizajna verovatno zahteva od vas da uklonite podvale iz svih linkova. To biste učinili dodavanjem stilova u svoj spoljašnji stilski stil.
{tekst-dekoracija: nema; }To je to! Jedna jednostavna linija CSS-a bi isključila podvigu (koja u stvari koristi CSS osobinu za "tekstualnu dekoraciju") na svim linkovima.
Takođe možete postati specifičniji u ovom stilu. Na primjer, ako želite isključiti podvlačenje ili veze unutar elementa "nav", možete napisati:
nav {{text-decoration: none; }Sada će tekstualne veze na stranici dobiti podrazumevani podvlačak, ali oni u navu bi ga uklonili.
Jedna stvar koju mnogi web dizajneri odluče je da okrenu vezu "na" kada neko lebdi nad tekstom. Ovo bi se uradilo koristeći: hover CSS pseudo-klase, ovako:
{tekst-dekoracija: nema; } a: hover {text-decoration: underline; }Koristeći Inline CSS
Kao alternativu izmjenama vanjskog stylesheeta, možete također dodati stilove direktno samom elementu u HTML-u, ovako:
ova veza nema podcrtanProblem sa ovom metodom je to što stavi informacije o stilu unutar vaše HTML strukture, što nije najbolja praksa. Stil (CSS) i struktura (HTML) trebaju biti odvojeni.
Ako ste hteli da sve tekstualne veze sajta budu uklonjene, dodavanje ovih stilskih informacija svakoj liniji na pojedinačnoj osnovi značilo bi dobar dodatak oznaka dodan u kod vašeg sajta. Ova stranica može da usporava vreme učitavanja sajta i čini celokupno upravljanje stranima mnogo izazovnijim. Iz ovih razloga, poželjno je uvek da se okrenete na spoljašnji stilski stil za sve potrebe za stajanjem stranica.
U Zatvaranju
Toliko jednostavno kao što je ukloniti podvlačenje sa tekstualnih veza na web stranici, takođe treba imati na umu posljedice toga. Iako može očistiti izgled stranice, to može učiniti na račun ukupne upotrebljivosti. Uzmite u obzir sledeći put kada razmislite o promeni svojstva "tekstualne dekoracije".
Originalni članak Jennifer Krynin. Uredio 19/19/16 od Jeremy Girard