Skip to main content

Како уклонити подвуче из веза

Anonim

Подразумевано, текстуални садржај који је повезан са ХТМЛ-ом помоћу елемента или елемента "анцхор" је стилизован са подцртом. Често веб дизајнери одлучују да уклоне овај подразумевани стил уклањајући подвлачење.

Многим дизајнерима није брига за изглед подвученог текста, поготово у густим блоковима садржаја са пуно веза. Све оне подвучене речи могу заиста прекинути читање тока документа. Многи су тврдили да они наглашавају стварно чине речи теже да се разликују и брзо читају због начина на који подвлачи промене природних словних облика.

Међутим, постоје легитимне користи за задржавање ових нагласака на текстуалним везама. На пример, када претражујете велике блокове текста, подвучене везе у комбинацији са правилним колорним контрастом олакшавају читаоцима да одмах скенирају страницу и виде где су везе.

Ако одлучите да уклоните везе из текста (једноставан процес који ћемо покрити ускоро), обавезно нађите начине за стилизовање тог текста како бисте још разликовали оно што је веза од онога што је обичан текст. Ово се најчешће ради са наведеним контрастом у боји, али само боја може представљати проблем за посетиоце са оштећењима вида, као што је слепило у боји. У зависности од њиховог посебног облика слепила у боји, контраст може бити потпуно изгубљен на њима, спречавајући их да виде разлику између повезаног и неповезаног текста. Због тога је подвучени текст и даље сматран за најбољи начин приказивања веза.

Дакле, како искључите нагласак ако и даље желите то учинити? Пошто је ово визуелна карактеристика за коју смо забринути, прећи ћемо се на део нашег веб сајта који се бави свим стварима визуелним - ЦСС.

Користите Цасцадинг Стиле Схеетс да бисте искључили подвале на линковима

У већини случајева, не тражите да искључите подлогу на само једном текстуалном линку. Уместо тога, стил вашег дизајна вероватно захтева да уклоните подвале из свих линкова. Ово бисте урадили додавањем стилова у спољашњи стилски стил.

а { текст-декорација: нема;}

То је то! Једна једноставна линија ЦСС-а би искључила подвлачење (која заправо користи ЦСС својство за "текстуалну декорацију") на свим линковима.

Такође можете постати специфичнији у овом стилу. На пример, ако желите искључити подвлачење или везе унутар елемента "нав", можете написати:

нав а { текст-декорација: нема;}

Сада ће текстуалне везе на страници добити подразумевани подвлачак, али они у наву би га уклонили.

Једна ствар коју многи веб дизајнери одлуче је да окрену везу "на" када неко лебди над текстом. Ово би се урадило помоћу: ховер ЦСС псеудо-класе, овако:

а { текст-декорација: нема;}а: ховер { текст-декорација: подвлачи;}

Користећи Инлине ЦСС

Као алтернативу измјенама вањског стилесхеета, можете такођер додати стилове директно у сам елемент у ХТМЛ-у.

Проблем са овом методом је то што стави информације о стилу унутар ваше ХТМЛ структуре, што није најбоља пракса. Стил (ЦСС) и структура (ХТМЛ) треба да буду одвојени.

Ако сте хтели да све текстуалне везе на сајту буду уклоњене, додавање ових стилских информација свакој линији на појединачној основи значило би да се додатној ознаци додају коду вашег сајта. Ова страница може да успори време учитавања сајта и да свеобухватно управљање страном буде много изазовно. Из ових разлога, пожељно је увек да се окренете на спољашњи стилски стил за све потребе за стајањем страница.

На крају

Толико једноставно као што је уклонити подвлачење са текстуалних веза на веб страници, такође треба имати на уму посљедице тога. Иако може очистити изглед странице, то може учинити на рачун укупне употребљивости. Узмите ово у обзир следећи пут када размислите о промени својства "текстуалне декорације".