Крокі для выдалення падкрэслення з тэкставых спасылак і пытанняў, каб быць у курсе
Па змаўчанні, змест тэксту , які звязаны з HTML з выкарыстаннем або элемент «якар» стылізаваны падкрэсленнем. Часцяком, вэб-дызайнеры вырашылі выдаліць гэты стыль па змаўчанні, выдаліўшы падкрэсліванне.
Многія дызайнеры не клапоцяцца пра знешні выгляд падкрэсленага тэксту, асабліва ў шчыльных блоках кантэнту з вялікай колькасцю спасылак. Усе гэтыя падкрэсленыя словы могуць сапраўды разбіць паток чытання дакумента. Многія сцвярджаюць, што гэта Падкрэсліванне фактычна робяць словы цяжэй адрозніваць і хутка прачытаць з-за спосабам, што падкрэсліванне змяняе натуральныя літарныя.
Ёсць законныя выгады для захавання гэтага падкрэслення на тэкставых спасылках, аднак. Напрыклад, калі вы праглядаць вялікія блокі тэксту, падкрэсленыя спасылкі ў спалучэнні з правільным каляровым кантрастам зрабіць яго лёгкім для чытачоў, каб адразу ж сканаваць старонку і ўбачыць, дзе спасылка. Калі паглядзець на вэб-дызайну артыкулаў тут на About.com, а таксама іншых артыкулаў на сайце, вы ўбачыце гэтую кладку падкрэсленых спасылак на месцы.
Калі вы вырашыце выдаліць спасылкі з тэксту (просты працэс, які мы разгледзім у бліжэйшы час), пераканайцеся, што знайсці шляхі да стылю гэтага тэксту па-ранейшаму дыферэнцавацца, што гэта спасылка ад таго, што звычайны тэкст. Часцей за ўсё гэта робіцца з гэтым вышэйзгаданым каляровым кантрастам, але толькі колер можа стварыць праблему для наведвальнікаў з парушэннямі зроку, як барваслепасць. У залежнасці ад іх канкрэтнай формы каляровай слепаты, кантраст можа быць цалкам страчаны на іх, не дазваляючы ім бачыць розніцу паміж звязаных і не звязаных тэкстам. Менавіта таму падкрэслены тэкст па-ранейшаму лічыцца, што лепшы спосаб паказаць спасылкі.
Так як жа адключыць падкрэсленне, калі вы ўсё яшчэ хочаце зрабіць гэта? Паколькі гэта візуальная характарыстыка мы маем справу з, мы звернемся да часткі нашага сайта, які апрацоўвае ўсе рэчы візуальна - CSS.
Выкарыстанне каскадных табліц стыляў, каб адключыць Падкрэслівае на спасылкі
У большасці выпадкаў, вы не жадаеце ператварыць падкрэсліванне прэч толькі на адной тэкставай спасылкі. Замест гэтага, ваш стыль дызайну, верагодна, патрабуе, каб выдаліць падкрэсліванне з усіх links.You б зрабіць гэта, дадаўшы стылі для вашых знешніх табліцы стыляў.
а {тэкст-аздабленне: няма; }Вось так! Гэта адна простая лінія CSS будзе адключыць падкрэсленне (які на самай справе выкарыстоўвае ўласцівасць CSS для «тэкст-ўпрыгожванне») па ўсіх спасылках.
Вы можаце таксама атрымаць больш канкрэтна з гэтым стылем. Напрыклад, калі вы толькі хацелі, каб адключыць падкрэсленне або спасылкі ўнутры элемента «нав», вы маглі б напісаць:
ня Nav ў {тэкст-аздабленне: няма; }Цяпер, тэкставыя спасылкі на старонкі будзе атрымаць падкрэсліванне па змаўчанні, а тыя, у нав б яна была выдаленая.
Адна рэч, многія вэб-дызайнеры вырашылі зрабіць гэта, каб уключыць зваротную спасылку «на», калі хто-то лунае над тэкстам. Гэта будзе зроблена з дапамогай: лунання CSS псеўда-клас, як гэта:
а {тэкст-аздабленне: няма; } А: завісаць {тэкст-аздабленне: падкрэсліць; }Выкарыстанне ўбудаваных CSS
У якасці альтэрнатывы ўнясення змяненняў у знешняй табліцы стыляў, можна таксама дадаць стылі непасрэдна да элемента сябе ў HTML, як гэта:
гэтай спасылцы не мае падкрэсліваннеПраблема гэтага метаду складаецца ў тым, што ён змяшчае інфармацыю аб стылі ўнутры HTML структуры, якая не з'яўляецца лепшай практыкі. Style (CSS) і структура (HTML) павінны захоўвацца асобна.
Калі вы хочаце, усё тэкставыя спасылкі на сайт, каб былі выдаленыя падкрэсліванне, дадаўшы гэтую інфармацыю стылю для кожнай спасылкі на індывідуальнай аснове азначала б дастатковую колькасць дадатковай разметкі дадаецца ў код вашага сайта. Гэтая старонка навароты могуць запаволіць час загрузкі сайта і зрабіць агульнае кіраванне старонкай значна больш складанай задачай. Па гэтых прычынах, пераважна, каб заўсёды звярнуцца да знешняй табліцы стыляў для ўсіх патрэбаў старонкі стайлінгу.
У зняволенні
Як лёгка, як гэта выдаліць падкрэсліванне з вэб-старонкі ў тэкставых спасылак, вы таксама павінны памятаць пра наступствы гэтага. Хоць гэта сапраўды можа ачысціць знешні выгляд старонкі, ён можа зрабіць гэта за кошт агульнага выгоды. Прыміце пад увагу наступны раз, калі вы лічыце змены старонкі толькі «тэкст-аздабленне» ўласцівасці.
Арыгінал артыкула Джэніфер Krynin. Дата абнаўлення 9/19/16 Джэрэмі Girard