![PORCHY, MAY WAVE$, JEEMBO, LOQIEMEAN, THOMAS MRAZ, TVETH, SOULOUD, MARKUL, OXXXYMIRON - KONSTRUKT](https://i.ytimg.com/vi/1g1XM-FgzJQ/hqdefault.jpg)
Задаволены
Раней падкрэсліванне ў HTML было пытаннем уключэння тэксту паміж тэгамі u> / u>, але з тых часоў гэты метад састарэў на карысць больш універсальнага CSS. Падкрэсліванне на вэб-старонках звычайна лічыцца нязручным спосабам падкрэсліць пэўны раздзел тэксту. Гэта таму, што падкрэслены тэкст лёгка пераблытаць са спасылкай.
Крок
Спосаб 1 з 2: Сучасны метад
Выкарыстоўвайце ўласцівасць дэкарыравання тэксту ў стылі CSS. Выкарыстанне тэга u> больш не падыходзіць для падкрэслівання тэксту. Замест гэтага мы выкарыстоўваем ўласцівасць CSS "ўпрыгожванне тэксту".
- Гэта палягчае мадыфікацыю кода, так што вам не давядзецца нічога мяняць у старым кодзе, калі ён прыйшоў у непрыдатнасць.
Выкарыстоўвайце тэг span>, калі вы хочаце падкрэсліць пэўную частку тэксту. Змесціце пачатковы тэг разам з уласцівасцю "дэкарыраванне тэксту" там, дзе вы хочаце, каб пачалося падкрэсліванне. Змесціце канцавы тэг / прамежак> там, дзе падкрэсліванне павінна спыніцца.
span style = "text-decoration: underline;"> Гэта будзе падкрэслена. / span>
Абвясціце элементы HTML у стылі> частцы вашай старонкі. Вы таксама можаце зрабіць гэта ў табліцы стыляў CSS. Падкрэсліванне можна зрабіць значна прасцей, звязаўшы стыль з элементам HTML. Напрыклад, каб падкрэсліць усе вашыя загалоўкі ўзроўню 3, дадайце наступны стыль CSS:
html> галава> стыль> h3 {упрыгожванне тэксту: падкрэсліванне; } / style> / head> body> h3> Гэты загаловак падкрэслены / h3> / body> / html>
Стварыце клас CSS, каб у любы момант хутка падкрэсліць. Вы можаце ствараць класы ў вашай табліцы стыляў альбо ў стылі>, якія будуць выкліканы пазней. Клас можа мець любое імя, якое вы хочаце.
html> head> style> .underline {text-decoration: underline; } / style> / head> body> Вы можаце выкарыстоўваць гэты клас, каб хутка падкрэсліць div> / div> з розных частак div> з вашага змесціва / div> / body> / html>
Разгледзім іншыя метады падкрэслівання тэксту. Варта пазбягаць падкрэслівання, каб пазбегнуць блытаніны ў чытача. Папулярны метад - выкарыстанне тэга em>, які робіць тэкст курсівам. Вы можаце выкарыстоўваць CSS для далейшага ўказання гэтага тэга для унікальнага спосабу падкрэслівання.
html> галава> стыль> em {колер: чырвоны; } / style> / head> body> Усё ўнутры элемента em стане em> курсівам (з-за налад па змаўчанні) і red / em> з-за стылю, дададзенага вышэй. / body> / html>
Спосаб 2 з 2: Састарэлы метад
Пазбягайце выкарыстання старых тэгаў u> / u>. Яны "не рэкамендуюцца", гэта азначае, што ён па-ранейшаму працуе, але больш не выкарыстоўваецца і не рэкамендуецца. Гэта таму, што HTML у прынцыпе не прызначаны як мова разметкі. Тэг u> па-ранейшаму будзе працаваць, але цяпер прызначаны для абазначэння тэксту, які адрозніваецца ад іншага тэксту, напрыклад, слова з памылкамі ці ўласныя назоўнікі ў кітайскай мове.
Выкарыстоўвайце тэг u> / u> для падкрэслівання (толькі для ілюстрацый). Ні ў якім разе нельга выкарыстоўваць гэты метад зноў. Можа быць добра ведаць, як ён выкарыстоўваўся, калі вам трэба абнавіць стары сайт.
html> body> Са старым тэгам u> у HTML вы можаце хутка падкрэсліць рэчы / u>, але пры хуткім выкарыстанні іншых элементаў стылю ўсё хутка заблытаецца. Вось чаму мы цяпер падкрэсліваем "ўпрыгожванне тэксту" элементам CSS. / body> / html>
Парады
- Амаль заўсёды ёсць лепшы спосаб падкрэсліць нешта на вэб-старонцы, чым падкрэсліванне. Гэта можа вельмі заблытаць чытачоў. Зрабіце ваш тэкст прыгажэйшым з дапамогай CSS, каб ён вылучаўся станоўча.