Адзін з тэгаў, якія вы даведаецеся ў пачатку вашага вэб-дызайну адукацыі пара тэгаў, вядомых як «акцэнт тэгаў.» Давайце паглядзім на тое, што гэтыя тэгі і як яны выкарыстоўваюцца ў вэб-дызайне сёння.
Вярнуцца да XHTML
Калі вы даведаліся HTML гадоў таму, задоўга да з'яўлення HTML5, вы, верагодна, выкарыстоўвалі як паўтлусты і курсіў тэгі. Як і варта было чакаць, гэтыя тэгі аказалася элементы ў тэксце тлустым шрыфтам або курсівам, адпаведна. Праблема з гэтымі тэгамі, і чаму яны былі адціснуты ў карысць новых элементаў (якія мы разгледзім у бліжэйшы час), з'яўляецца тое, што яны не з'яўляюцца семантычным элементамі. Гэта таму, што яны вызначаюць, як тэкст павінен выглядаць, а не інфармацыя пра тэкст. Памятаеце, што HTML (што, дзе гэтыя пазнакі будуць напісаны) усё пра структуру, а не візуальны стыль! Візуальныя апрацоўваюцца CSS і вэб-дызайну перадавой практыкі ўжо даўно лічылі, што вы павінны мець выразны падзел стылю і структуры ў сваіх вэб-старонках. Гэта азначае, што не выкарыстоўваецца элементамі, якія не зьяўляюцца семантычным і якімі дэталі выглядаюць, а не структуры. Менавіта таму смелыя і курсіўным тэгі былі ў асноўным замененыя моцным (для паўтлустага) і ўпора (для курсіву).
& Lt; & моцны GT; і & л; ет & GT;
Моцныя і акцэнт элементы дадаць інфармацыю ў тэкст, з падрабязным апісаннем зместу, якое варта разглядаць па-рознаму, і падкрэсліваецца, калі гэта змест кажуць. Вы можаце выкарыстоўваць гэтыя элементы ў значнай ступені гэтак жа, як вы б выкарыстоўвалі паўтлусты і курсіў ў мінулым. Проста атачаюць тэкст з якія адкрываюць і зачыняюць тэгамі ( і для вылучэння і <моцны> і для моцнага акцэнту) і які дадаецца тэкст будзе падкрэслена.
Вы можаце гняздуюцца гэтыя тэгі і гэта не мае значэння, што знешні тэг. Вось некаторыя прыклады.
Гэты тэкст Падкрэсліваецца і большасць браўзэраў будуць адлюстроўваць яго як курсіў. <Моцны> Гэты тэкст моцна падкрэсліў і большасць браўзэраў будзе адлюстроўваць яго як тоўсты шрыфт.У абодвух гэтых прыкладах мы не дыктуючы візуальны выгляд з HTML. Так, знешні выгляд па змаўчанні тэга будзе выдзелена і <моцны> будзе смелым, але гэтыя погляды могуць быць лёгка зменены ў CSS. Гэта лепшае з абодвух сьветаў. Вы можаце выкарыстоўваць стылі па змаўчанні браўзэра, каб атрымаць курсіў ці тоўсты тэкст дакумента без фактычнага перасячэння лініі і змешвання структуры і стылю. Скажыце, што вы хацелі, што <моцны> тэкст не толькі быць смелым, але таксама можа быць чырвоным, вы можаце дадаць гэта ў CSS
моцны {
колер: чырвоны;
}
У гэтым прыкладзе, вам не трэба, каб дадаць ўласцівасць для смелага шрыфта вагі, так што па змаўчанні. Калі вы не хочаце пакінуць гэта шанец, аднак, вы заўсёды можаце дадаць яго ў:
моцны {
напісанне шрыфта: тоўсты;
колер: чырвоны;
}
Цяпер вы бы ўсё, але гарантавана мець старонку з тоўстым (і чырвоным) тэксту, дзе тэг <моцны> выкарыстоўваецца.
Скрукаваўшыся на рол
Адна рэч, якую я заўважыў, на працягу года, што адбываецца, калі вы спрабуеце сагнуць на ўпор. Напрыклад:
Гэты тэкст павінен мець і , выдзеленыя паўтлустым шрыфтам курсівам тэкст ўнутры яго.Можна было б падумаць, што гэтая лінія будзе вырабляць вобласць, якая мае тэкст тоўстым і курсівам. Часам гэта сапраўды адбываецца, але я бачыў, што некаторыя браўзэры толькі гонар другі з двух стыляў акцэнтаў, найбольш блізкая да самога тэксту ў пытанні, і адлюстроўваць толькі гэта як курсіў. Гэта адна з прычын, чаму я не падвойваюцца на акцэнт тэгаў.
Яшчэ адна прычына, каб пазбегнуць гэтага «падваенне» для стылістычных мэтаў. Адной з формаў увагі, калі звычайна дастаткова, каб перадаць тон, які вы жадаеце ўсталяваць. Вам не трэба паўтлусты, курсіў, колер, павялічыць і падкрэсліць тэкст для таго, каб вылучыцца. Гэты тэкст, будзе усе гэтыя розныя віды увагі, сталі б кідкімі. Так што будзьце асцярожныя пры выкарыстанні дыякрытычны тэгаў або стыляў CSS, каб забяспечыць акцэнт і не перашчыруйце.
Звярніце ўвагу на Тоўсты і Курсіў
Адна апошняя думка - у той час як паўтлусты (<б>) і курсіў (<я>) тэгі больш не рэкамендуецца выкарыстоўваць у якасці акцэнт элементаў, ёсць некаторыя вэб-дызайнеры, якія выкарыстоўваюць гэтыя тэгі ў стылі ўбудаваных абласцей тэксту. У асноўным, яны выкарыстоўваюць яго як элемент . Гэта добра, таму што тэгі вельмі кароткія, але выкарыстанне гэтых элементаў такім чынам, як правіла, не рэкамендуюцца. Я згадваю ў ў выпадку, калі вы бачыце яго там на некаторых сайты, якія выкарыстоўваюцца, каб не ствараць паўтлусты або курсіў тэксту, але і стварыць CSS крук для нейкага іншага віду візуальнага стылю.
Арыгінал артыкула Джэніфер Krynin. Пад рэдакцыяй Джэрэмі Girard на 12/2/16.