Obsah
- Dôvody a podčiarknutie
- Na vypnutie podčiarknutia odkazov použite kaskádové šablóny štýlov
- Používanie Inline CSS
- Na záver
V predvolenom nastavení je textový obsah prepojený s HTML pomocou alebo „kotviaci“ prvok je podčiarknutý. Web dizajnéri sa často rozhodnú odstrániť tento predvolený štýl odstránením podčiarknutia. Mnoho dizajnérov sa nestará o vzhľad podčiarknutého textu, najmä v hustých blokoch obsahu s množstvom odkazov. Všetky tieto podčiarknuté slová môžu skutočne prerušiť tok čítania dokumentu. Mnohí tvrdia, že tieto podčiarknutia vlastne sťažujú rozlíšenie a čítanie slov z dôvodu spôsobu, akým podčiarknutie mení prirodzené formy písma. Zachovanie týchto podčiarknutí pri textových odkazoch však prináša legitímne výhody. Napríklad, keď prehľadávate veľké bloky textu, podčiarknuté odkazy spojené so správnym farebným kontrastom uľahčia čitateľom okamžité naskenovanie stránky a zistenie, kde sú odkazy. Ak sa rozhodnete odstrániť odkazy z textu (jednoduchý postup, ktorý si v krátkosti predstavíme), určite nájdite spôsoby, ako tento text upraviť, aby ste ešte rozlíšili, čo je odkazom od toho, čo je obyčajný text. Najčastejšie sa to robí s vyššie uvedeným farebným kontrastom, ale samotná farba môže predstavovať problém pre návštevníkov so zrakovým postihnutím, ako je farebná slepota. V závislosti od ich konkrétnej formy farebnej slepoty na nich môže dôjsť k úplnému strate kontrastu, čím sa zabráni tomu, aby videli rozdiel medzi prepojeným a neprepojeným textom. Preto je podčiarknutý text stále považovaný za najlepší spôsob, ako ukázať odkazy. Ako teda vypnete podčiarknutie, ak to chcete urobiť? Keďže sa jedná o vizuálnu charakteristiku, ktorej sa zaoberáme, obrátime sa na časť našej webovej stránky, ktorá sa zaoberá všetkým vizuálnym - CSS. Dôvody a podčiarknutie
Na vypnutie podčiarknutia odkazov použite kaskádové šablóny štýlov
Vo väčšine prípadov nechcete podčiarknutie vypnúť iba jedným textovým odkazom. Namiesto toho váš štýl dizajnu pravdepodobne vyžaduje, aby ste zo všetkých odkazov odstránili podčiarknutia. Urobíte to tak, že do svojej externej šablóny so štýlmi pridáte štýly.
a {
dekorácia textu: žiadna;
}
To je všetko! To, že jedna jednoduchá línia CSS vypne podčiarknutie (ktoré vlastne používa vlastnosť CSS na „dekoráciu textu“) na všetkých odkazoch.
S týmto štýlom by ste sa mohli presnejšie vyjadriť. Ak by ste napríklad chceli iba vypnúť podčiarknutie alebo odkazy vo vnútri prvku „nav“, môžete napísať:
nav a {
dekorácia textu: žiadna;
}
Textové odkazy na stránke by teraz dostali predvolené podčiarknutie, ale odkazy v navigácii by ich odstránili.
Mnoho vecí, ktoré sa rozhodnú urobiť, je zapnúť odkaz, keď sa niekto nad textom presunie. Toto by sa dalo urobiť pomocou: pseudotriedy: hover CSS, ako je táto:
a {
dekorácia textu: žiadna;
}
a: hover {
text-decoration: underline;
}
Používanie Inline CSS
Ako alternatívu k vykonaniu zmien na externej šablóne so štýlmi môžete tiež pridať štýly priamo do samotného prvku v HTML.
Problém s touto metódou je v tom, že do vašej štruktúry HTML vkladá informácie o štýle, čo nie je najlepšia prax. Štýl (CSS) a štruktúra (HTML) by sa mali udržiavať oddelene.
Ak chcete, aby boli všetky textové odkazy na stránkach odstránené z podčiarknutia, pridanie týchto informácií o štýle k jednotlivým odkazom na individuálnom základe by znamenalo, že by sa do kódu vašej stránky pridalo ďalšie značkovanie. Blokovanie tejto stránky môže spomaliť rýchlosť načítania stránky a zvýšiť celkovú náročnosť správy stránok. Z týchto dôvodov je lepšie sa vždy obrátiť na externý hárok so štýlmi, ktorý vyhovuje všetkým potrebám štýlu stránky.
Na záver
Rovnako ľahké je odstránenie podčiarknutia z textových odkazov na webovej stránke, mali by ste mať na pamäti aj následky. Aj keď to môže skutočne vyčistiť vzhľad stránky, môže tak urobiť na úkor celkovej použiteľnosti.Zohľadnite to pri ďalšom zvážení zmeny vlastností textovej dekorácie na stránke.