Научите једноставан начин за уклањање подвучених веза у ХТМЛ-у

Кораци за уклањање подцртаја из текстуалних веза и питања о којима треба знати

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

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

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

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

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

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

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

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

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

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

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

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

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

{тект-децоратион: ноне; } а: ховер {тект-децоратион: ундерлине; }

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

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

<а хреф="" стиле="тект-децоратион:ноне;"> ова веза нема подцртан

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

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

На крају

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

Оригинални чланак Јеннифер Кринин. Уредио 19/19/16 од Јереми Гирард