Подразумевано, текстуални садржај који је повезан са ХТМЛ-ом коришћење елемента или „анцхор“ стилизовано је подвлачењем. Често се веб дизајнери одлучују да уклоне овај подразумевани стил уклањањем подвлачења.
Разлози за и против подвлачења
Многи дизајнери не маре за изглед подвученог текста, посебно у густим блоковима садржаја са пуно веза. Све те подвучене речи заиста могу прекинути ток читања документа. Многи тврде да те подвлаке заправо отежавају разликовање и брзо читање речи због начина на који подвлачење мења природне облике слова.
Међутим, задржавање ових подвлачења на текстуалним везама има легитимне користи. На пример, када прегледавате велике блокове текста, подвучене везе у комбинацији са одговарајућим контрастом боја олакшавају читаоцима да одмах скенирају страницу и виде где су везе.
Ако се одлучите за уклањање веза из текста (једноставан поступак који ћемо ускоро покрити), свакако пронађите начине за обликовање тог текста како бисте и даље разликовали оно што је веза од оног што је обичан текст. То се најчешће ради са
контраст боја, али сама боја може представљати проблем посетиоцима са оштећењима вида попут далтонизма. У зависности од њиховог одређеног облика далтонизма, контраст се на њима може потпуно изгубити, спречавајући им да виде разлику између повезаног и неповезаног текста. Због тога се подвучени текст и даље сматра најбољим начином приказивања веза.Па како да искључите подвлачење ако то и даље желите? С обзиром да је ово визуелна карактеристика којом се бавимо, окренућемо се делу наше веб странице који обрађује све визуелне ствари - ЦСС.
Користите каскадне табеле стилова да бисте искључили подвлачење на везама
У већини случајева не желите да искључите подвлачење само на једној текстуалној вези. Уместо тога, ваш стил дизајна вероватно захтева да уклоните подвлаке са свих веза. То бисте урадили додавањем стилова у свој спољни табела стилова.
а {
декорација текста: ниједна;
}
То је то! Та једна једноставна линија ЦСС би искључио подвлачење (које заправо користи својство ЦСС за „декорацију текста“) на свим везама.
Са овим стилом можете добити и више детаља. На пример, ако желите само да искључите подвлачење или везе унутар елемента „нав“, можете написати:
нав а {
декорација текста: ниједна;
}
Сад би текстуални линкови на страници добили подразумевано подвлачење, али они у нав-у би то уклонили.
Једна ствар коју многи веб дизајнери одлуче да ураде је да поново врате везу када се неко задржи изнад текста. То би се урадило помоћу: ховер ЦСС псеудо-класа, овако:
а {
декорација текста: ниједна;
}
а: ховер {
декорација текста: подвлачење;
}
Коришћење Инлине ЦСС-а
Као алтернативу уношењу промена у спољни табелу стилова, стилове можете додати и директно самом елементу у ХТМЛ.
Проблем ове методе је што информације о стилу смешта у вашу ХТМЛ структуру, што није најбоља пракса. Стил (ЦСС) и структуру (ХТМЛ) треба држати одвојено.
Ако сте желели да се са свих текстуалних веза на веб месту уклони подвлачење, додајте ове информације о стилу свака веза на појединачној основи значила би приличну количину додатних ознака које се додају на вашу веб локацију код. Напухавање ове странице може успорити време учитавања странице и учинити целокупно управљање страницама много изазовнијим. Из ових разлога, пожељно је увек се обратити спољном листу стилова за све потребе за обликовањем странице.
На крају
Колико год је лако уклонити подвученост са веза са текстом на веб страници, требали бисте имати на уму и последице тога. Иако заиста може очистити изглед странице, то може учинити науштрб укупне употребљивости. Узмите ово у обзир следећи пут када размислите о промени својстава странице „декорација текста“.