Ve výchozím nastavení je to textový obsah propojeno s HTML použití prvku „nebo„ kotva “je stylizováno podtržením. Weboví designéři se často rozhodnou tento výchozí styl odstranit odstraněním podtržení.
Důvody pro a proti podtržení
Mnoho návrhářů se nestará o vzhled podtrženého textu, zejména v hustých blocích obsahu se spoustou odkazů. Všechna tato podtržená slova mohou skutečně narušit tok čtení dokumentu. Mnoho lidí tvrdilo, že tyto podtržení ve skutečnosti ztěžují rozlišení a rychlejší čtení slov kvůli způsobu, jakým podtržení mění přirozené tvary písmen.
Zachování těchto podtržení u textových odkazů má však legitimní výhody. Například když procházíte velkými bloky textu, podtržené odkazy spolu se správným barevným kontrastem usnadňují čtenářům okamžité skenování stránky a zjištění, kde jsou odkazy.
Pokud se rozhodnete odstranit odkazy z textu (jednoduchý proces, kterému se brzy budeme věnovat), určitě najdete způsoby, jak tento text upravit tak, aby stále rozlišoval, co je odkaz, od toho, co je prostý text. To se nejčastěji provádí pomocí
barevný kontrast, ale samotná barva může představovat problém pro návštěvníky se zrakovým postižením, jako je barevná slepota. V závislosti na konkrétní formě barvosleposti se na nich může úplně ztratit kontrast, který jim znemožňuje vidět rozdíl mezi propojeným a nepřipojeným textem. Proto je podtržený text stále považován za nejlepší způsob zobrazování odkazů.Jak tedy vypnout podtržení, pokud to přesto chcete udělat? Jelikož se jedná o vizuální charakteristiku, která nás zajímá, obrátíme se k části našeho webu, která zpracovává všechny vizuální věci - CSS.
Pomocí kaskádových stylů můžete vypnout podtržení odkazů
Ve většině případů nechcete vypnout podtržení pouze na jednom textovém odkazu. Místo toho váš styl designu pravděpodobně vyžaduje, abyste ze všech odkazů odstranili podtržení. Udělali byste to přidáním stylů do souboru externí styl.
a {
textová výzdoba: žádná;
}
A je to! Ta jedna jednoduchá řada CSS by vypnul podtržení (které ve skutečnosti používá vlastnost CSS pro "textovou výzdobu") na všech odkazech.
S tímto stylem byste také mohli být konkrétnější. Pokud byste například chtěli vypnout pouze podtržení nebo odkazy uvnitř prvku „nav“, můžete napsat:
nav {
textová výzdoba: žádná;
}
Nyní by textové odkazy na stránce získaly výchozí podtržení, ale ty v navigaci by je odstranily.
Jedna věc, kterou se mnozí weboví designéři rozhodnou udělat, je opětovné zapnutí odkazu, když někdo umístí ukazatel na text. To by bylo provedeno pomocí: hover CSS pseudotřída, takhle:
a {
textová výzdoba: žádná;
}
a: hover {
výzdoba textu: podtržení;
}
Používání vloženého CSS
Jako alternativu k provádění změn v externím seznamu stylů můžete styly přidat také přímo do samotného prvku HTML.
Problém této metody spočívá v tom, že umisťuje informace o stylu do vaší struktury HTML, což není nejlepší postup. Styl (CSS) a struktura (HTML) by měly být oddělené.
Pokud chcete, aby všechny textové odkazy na web odstranily podtržení, přidejte tyto informace o stylu do každý odkaz jednotlivě by znamenal, že na vaše stránky bude přidáno značné množství dalších značek kód. Toto nafouknutí stránky může zpomalit dobu načítání webu a učinit celkovou správu stránek mnohem náročnější. Z těchto důvodů je pro všechny potřeby úpravy stylů stránek vždy lepší obrátit se na externí šablonu stylů.
V závěru
Jak snadné je odstranit podtržení z textových odkazů na webové stránce, měli byste si také uvědomit důsledky toho. I když to může skutečně vyčistit vzhled stránky, může to udělat na úkor celkové použitelnosti. Toto vezměte v úvahu při příštím zvažování změny vlastností stránky „výzdoba textu“.