Дознајте лесен начин за отстранување на подвлечените врски во HTML

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

Сепак, постојат легитимни придобивки за задржување на овие нагласува на текстуалните врски. На пример, кога пребарувате низ големи блокови на текст, подвлечените врски заедно со соодветен контраст на боја овозможуваат читателите лесно да скенираат страница и да видат каде се линковите. Ако ги погледнете статиите за веб дизајн во About.com, како и други статии на сајтот, ќе го видите овој стил на подвлечени линкови.

Ако не одлучите да ги отстраните врските од текстот (едноставен процес што ние ќе го покриеме наскоро), задолжително пронајдете начини да го стимулирате тој текст за да уште разликувате што е врска од она што е обичен текст. Ова најчесто се прави со претходно споменатиот контраст во боја, но само бојата може да претставува проблем за посетителите со оштетувања на видот како слепило во боја. Во зависност од нивната особена форма на слепило во боја, контрастот може да биде целосно изгубен на нив, спречувајќи ја да ја видат разликата помеѓу поврзаниот и не-поврзаниот текст. Ова е причината зошто подвлечениот текст сè уште се смета за најдобар начин за прикажување на врски.

Па, како го исклучувате потцртувањето ако сè уште сакате да го направите тоа? Бидејќи ова е визуелна карактеристика со која се занимаваме, ќе се свртиме кон делот од нашата веб-страница која се справува со сите работи визуелни - CSS.

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

Во повеќето случаи, не барате да исклучите подвлекување само на еден текстуален линк. Наместо тоа, вашиот стил на дизајн најверојатно ќе бара да ги отстраните подвлече од сите линкови. Ќе го направите ова со додавање на стилови во вашиот надворешен стилски лист.

Тоа е тоа! Дека една едноставна линија на CSS ќе го исклучи потцртувањето (кое всушност го користи CSS сопственост за "текст-декорација") на сите линкови.

Можете исто така да добиете повеќе специфични со овој стил. На пример, ако само сакавте да го исклучите подвлеченото или линковите од елементот "nav", можете да напишете:

Сега, текстуалните врски на страницата ќе добијат стандардно подвлекување, но оние во nav ќе го отстранат.

Едно нешто што многу веб-дизајнери сакаат да направат е да ја вртат врската "на" кога некој лебди над текстот. Ова ќе биде направено со користење на: hover CSS псевдоклас, како ова:

Користење на Inline CSS

Како алтернатива за правење промени на надворешен стилски лист, исто така можете да додадете стилови директно до самиот елемент во HTML, како на пример:

Проблемот со овој метод е тоа што ги става информациите за стилот во вашата HTML-структура, што не е најдобра практика. Стил (CSS) и структура (HTML) треба да се чуваат одделно.

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

Во затворање

Колку лесно е да се отстрани подвлеченото од текстуалните врски на веб-страницата, исто така треба да се потсетите на последиците од тоа. Иако навистина може да го исчисти изгледот на една страница, тоа може да го стори тоа на сметка на севкупната употребливост. Земете го ова предвид следниот пат кога ќе размислите за промена на својствата на "текстуална декорација" на страницата.

Авторски напис од Џенифер Крајнин. Уредено на 19/19/16 од Џереми Жирар