Prema zadanim postavkama tekstualni sadržaj koji je povezano s HTML-om upotreba elementa ili "sidro" oblikovana je podcrtavanjem. Često web dizajneri odlučuju ukloniti ovaj zadani stil uklanjanjem podvlačenja.
Razlozi za i protiv podcrtavanja
Mnogi dizajneri ne vode računa o izgledu podcrtanog teksta, posebno u gustim blokovima sadržaja s puno veza. Sve te podcrtane riječi mogu stvarno prekinuti tijek čitanja dokumenta. Mnogi tvrde da ta podcrtavanja zapravo otežavaju razlikovanje i brzo čitanje riječi zbog načina na koji podcrtavanje mijenja prirodne oblike slova.
Međutim, zadržavanje ovih podcrtavanja na tekstualnim vezama ima legitimne koristi. Na primjer, kada pregledavate velike blokove teksta, podcrtane veze u kombinaciji s odgovarajućim kontrastom boja olakšavaju čitateljima da odmah skeniraju stranicu i vide gdje su veze.
Ako odlučite ukloniti poveznice iz teksta (jednostavan postupak koji ćemo uskoro pokriti), svakako pronađite načine za oblikovanje tog teksta kako biste i dalje razlikovali ono što je veza od onog što je običan tekst. To se najčešće radi sa
kontrast boja, ali sama boja može predstavljati problem posjetiteljima s oštećenjima vida poput daltonizma. Ovisno o njihovom određenom obliku daltonizma, kontrast se na njima može potpuno izgubiti, što im onemogućava da vide razliku između povezanog i nepovezanog teksta. Zbog toga se podcrtani tekst i dalje smatra najboljim načinom prikazivanja veza.Pa kako isključiti podcrtavanje ako to i dalje želite učiniti? Budući da je ovo vizualna karakteristika kojom se bavimo, obratit ćemo se dijelu našeg web mjesta koji obrađuje sve vizualne stvari - CSS.
Upotrijebite kaskadne tabele stilova za isključivanje podcrtavanja na vezama
U većini slučajeva ne želite isključiti podcrtavanje na samo jednoj tekstualnoj poveznici. Umjesto toga, vaš stil dizajna vjerojatno zahtijeva uklanjanje podvlačenja sa svih poveznica. To biste učinili dodavanjem stilova u svoj vanjska tablica stilova.
a {
ukras teksta: nijedan;
}
To je to! Ta jedna jednostavna linija CSS isključio bi podcrtavanje (koje zapravo koristi svojstvo CSS za "uređenje teksta") na svim vezama.
Uz ovaj stil možete dobiti i više detalja. Na primjer, ako ste željeli isključiti samo podcrtavanje ili veze unutar elementa "nav", mogli biste napisati:
nav a {
ukras teksta: nijedan;
}
Sad bi tekstne poveznice na stranici dobile zadano podcrtavanje, ali one u nav-u bi to morale ukloniti.
Jedna stvar koju mnogi web dizajneri odluče učiniti je ponovno uključiti vezu kada netko zadrži pokazivač iznad teksta. To bi se učinilo pomoću: hover CSS pseudo-klasa, kao ovo:
a {
ukras teksta: nijedan;
}
a: hover {
ukras teksta: podcrtano;
}
Korištenje Inline CSS-a
Kao alternativu promjenama na vanjskom listu stilova, stilove možete dodati i izravno samom elementu u HTML.
Problem ove metode je što informacije o stilu stavlja u vašu HTML strukturu, što nije najbolja praksa. Stil (CSS) i strukturu (HTML) trebaju se držati odvojeno.
Ako ste željeli da se sa svih tekstualnih veza web mjesta ukloni podcrtavanje, dodajte ove podatke o stilu svaka veza na pojedinačnoj osnovi značila bi priličnu količinu dodatnih oznaka koje se dodaju na vaše web mjesto kodirati. Napuhavanje ove stranice može usporiti vrijeme učitavanja web stranice i učiniti cjelokupno upravljanje stranicama mnogo izazovnijim. Iz tih razloga poželjno je uvijek se obratiti vanjskom listu stilova za sve potrebe oblikovanja stranica.
U zatvaranju
Koliko god je lako ukloniti podcrtavanje s tekstualnih veza web stranice, trebali biste imati na umu i posljedice toga. Iako doista može očistiti izgled stranice, to može učiniti nauštrb ukupne upotrebljivosti. Uzmite to u obzir sljedeći put kad razmislite o promjeni svojstava stranice "uređenje teksta".