Font Tag Versus каскадных табліц стыляў (CSS)

Вы глядзелі на вельмі стары сайт і ўбачыў незвычайны тэг ўнутры HTML ? Шмат гадоў таму, вэб - дызайнеры фактычна ўсталяваць шрыфты сваіх вэб - старонак ўнутры HTML сам, але падзел структуры (HTML) і стыль (CSS) пакончылі з гэтай практыкай некаторы час таму.

У вэб-дызайне сёння, тэг з'яўляецца састарэлым. Гэта азначае, што тэг больш не з'яўляецца часткай HTML спецыфікацыі. Хоць не некаторыя браўзэры па-ранейшаму падтрымліваецца гэты тэг пасля яго састарэлым, ён больш не падтрымліваецца на ўсіх у HTML5, які з'яўляецца апошняй ітэрацыі мовы. Гэта азначае, што тэг больш не павінен быць знойдзена ў вашым HTML-дакументах.

Альтэрнатыва тэгаў шрыфта

Калі вы не можаце ўсталяваць шрыфт тэксту ўнутры HTML старонкі з тэгам, што вы павінны выкарыстоўваць? Каскадныя табліцы стыляў (CSS) з'яўляюцца , як усталяваць стылі шрыфтоў (і ўсе візуальныя стылі) на вэб - сайтах сёння. CSS можа зрабіць усё тое ж самае, што тэг можа зрабіць, а таксама многае іншае. Давайце паглядзім, што тэг можа зрабіць, калі гэта быў варыянт для нашай HTML-старонак (памятаеце, што ён наогул не падтрымліваецца больш, так што гэта не варыянт) і параўнаць, як зрабіць гэта з дапамогай CSS.

Змена сямейства шрыфтоў

Твар шрыфта асоба або сямейства шрыфта. З тэгам шрыфта, вы павінны выкарыстоўваць атрыбут "твар", і вам трэба будзе змясціць на працягу ўсяго дакумента шмат, шмат разоў, каб усталяваць індывідуальныя шрыфты для кожнай часткі тэксту. Калі вам неабходна, каб зрабіць радыкальныя змены ў тым, што шрыфт, трэба было змяніць кожны з гэтых асобных тэгаў. Напрыклад:

гэты шрыфт не без засечак

У CSS замест шрыфта "твар", гэта называецца шрыфт «сям'я». Вы пішаце стыль CSS, які будзе ўсталяваны шрыфт. Напрыклад, калі вы хочаце ўсталяваць увесь тэкст на старонцы ў Garamond, вы маглі б дадаць, што візуальны стыль, як гэта:

цела {сямейства шрыфтоў: Garamond, Times, з засечкамі; }

Гэты стыль CSS будзе прымяняцца сямейства шрыфтоў Garamond да ўсяго, на вэб-старонцы, так як кожны элемент у дакуменце, з'яўляецца нашчадкам

Змяненне колеру шрыфта

Як з асобай, вы карыстаецеся «колер» атрыбуты і шаснаццаткавыя коды або назва кветак, каб змяніць колер тэксту. Некалькі гадоў таму вы б таксама ўсталяваць гэта індывідуальна на тэкставыя элементы, як тэг загалоўка.

гэты шрыфт фіялетавы

Сёння, вы б проста напісаць радок CSS.

Гэта значна больш гнуткім. Калі вам неабходна змяніць

на кожнай старонцы вашага сайта, вы можаце зрабіць адно змяненне ў файле CSS і кожную старонку, якая выкарыстоўвае гэты файл будзе абноўлены.

са старым

Выкарыстанне CSS прадыктаваць візуальныя стылі было стандартным вэб-дызайнер на працягу многіх гадоў, так што калі вы сапраўды глядзіце на старонцы, якая да гэтага часу выкарыстоўвае тэг, то гэта вельмі старая старонка, і яна павінна быць перапрацаваная, каб адпавядаць бягучай сеткі дызайн лепшыя практыкі і сучасныя вэб-стандарты.

Пад рэдакцыяй Джэрэмі Girard