Privzeto je besedilna vsebina, ki je povezan z HTML uporaba elementa ali "sidro" je oblikovana s podčrtajem. Pogosto se spletni oblikovalci odločijo, da bodo odstranili ta privzeti slog z odstranjevanjem podčrtaja.
Razlogi za in proti podčrtanju
Mnogi oblikovalci ne skrbijo za videz podčrtanega besedila, zlasti v gostih vsebinskih blokih z veliko povezavami. Vse te podčrtane besede lahko resnično prekinejo bralni tok dokumenta. Mnogi trdijo, da te podčrtitve dejansko otežujejo razlikovanje in hitro branje besed, ker podčrtavanje spreminja naravne črkovne oblike.
Vendar ohranjanje teh podčrtaj na besedilnih povezavah ima legitimne koristi. Na primer, ko brskate po velikih blokih besedila, podčrtane povezave skupaj z ustreznim barvnim kontrastom olajšajo bralcem, da takoj pregledajo stran in si ogledajo, kje so povezave.
Če se odločite za odstranitev povezav iz besedila (preprost postopek, ki ga bomo v kratkem obravnavali), poiščite načine za oblikovanje besedila, da boste še vedno razlikovali, kaj je povezava, od tistega, ki je navadno. To se najpogosteje počne s
barvni kontrast, vendar samo barva lahko predstavlja težavo za obiskovalce z motnjami vida, kot je barvna slepota. Glede na določeno obliko barvne slepote se lahko na njih popolnoma izgubi kontrast, kar preprečuje, da bi videli razliko med povezanim in nepovezanim besedilom. Zato podčrtano besedilo še vedno velja za najboljši način prikaza povezav.Kako torej izklopiti podčrtaj, če to še vedno želite storiti? Ker je to vizualna značilnost, ki jo obravnavamo, se bomo obrnili na del našega spletnega mesta, ki obravnava vse vizualne stvari - CSS.
Za izklop podčrtajev na povezavah uporabite kaskadne sloge
V večini primerov ne želite izključiti podčrtaja samo na eni besedilni povezavi. Namesto tega vaš slog oblikovanja verjetno zahteva, da odstranite podčrtaje z vseh povezav. To bi storili z dodajanjem slogov v svoj zunanji slogovni list.
a {
okrasitev besedila: nobena;
}
To je to! Ta enostavna vrstica CSS bi izključil podčrtaj (ki dejansko uporablja lastnost CSS za "okrasitev besedila") na vseh povezavah.
S tem slogom lahko tudi natančneje določite. Če ste na primer želeli izključiti le podčrtavanje ali povezave znotraj elementa "nav", lahko napišete:
nav a {
okrasitev besedila: nobena;
}
Zdaj bi besedilne povezave na strani dobile privzeto podčrtaj, toda tiste v navtiki bi jo odstranile.
Številni spletni oblikovalci se odločijo, da povezavo znova vklopijo, ko nekdo lebdi nad besedilom. To bi naredili s pomočjo: hover CSS psevdorazred, Všečkaj to:
a {
okrasitev besedila: nobena;
}
a: hover {
okrasitev besedila: podčrtano besedilo;
}
Uporaba vdelanega CSS-ja
Kot alternativo spreminjanju zunanjega lista slogi lahko sloge dodate tudi neposredno v sam element v HTML.
Težava te metode je v tem, da v vašo strukturo HTML postavi informacije o slogu, kar ni najboljša praksa. Slog (CSS) in struktura (HTML) morata biti ločena.
Če želite odstraniti podčrtaj z vseh besedilnih povezav, dodajte te informacije o slogu vsaka posamezna povezava bi pomenila, da se na vaše spletno mesto doda precejšen dodaten dodatek Koda. Ta napihnjenost strani lahko upočasni čas nalaganja spletnega mesta in naredi splošno upravljanje strani veliko bolj zahtevno. Iz teh razlogov je priporočljivo, da se za vse potrebe po oblikovanju strani vedno obrnete na zunanji slog.
V Zapiranje
Tako enostavno kot je odstraniti podčrtaj s besedilnih povezav na spletni strani, vendar se morate zavedati tudi posledic tega. Čeprav lahko resnično očisti videz strani, lahko to stori na račun splošne uporabnosti. To upoštevajte, ko boste naslednjič razmislili o spremembi lastnosti "okrasitve besedila" strani.