Етикетът на шрифта срещу каскадните стилови листове (CSS)

Погледнахте ли много стар уебсайт и видяхте необичаен маркер в HTML ? Преди много години уеб дизайнерите всъщност зададоха шрифтовете на своите уеб страници в самия HTML , но отделянето на структурата (HTML) и стила (CSS) отдавна премахна тази практика.

В уеб дизайна днес маркерът е отхвърлен. Това означава, че маркерът вече не е част от спецификацията на HTML. Докато някои браузъри все още поддържаха този маркер, след като той бе отхвърлен, той вече не се поддържа изобщо в HTML5, което е последното повторение на езика. Това означава, че маркерът вече не трябва да се намира във вашите HTML документи.

Алтернативата на етикета на шрифта

Ако не можете да зададете шрифта на текста в HTML страницата с маркера, какво трябва да използвате? Каскадните стилови листове (CSS) са начините, по които определяте шрифтови стилове (и всички визуални стилове) на уебсайтове днес. CSS може да направи същите неща, които маркерът може да направи, както и много повече. Нека да разгледаме какво може да направи етикетът, когато това беше опция за нашите HTML страници (не забравяйте, че вече не се поддържа, така че не е опция) и сравнете как да го направите с CSS.

Промяна на семейството на шрифтовете

Лицето на шрифта е лицето или семейството на шрифта. С маркера на шрифта бихте използвали атрибута "лице" и ще трябва да поставите това в целия документ много, много пъти, за да зададете отделните шрифтове за всеки раздел от текста. Ако трябваше да направите променлива промяна на този шрифт, трябваше да промените всеки един от тези отделни етикети. Например:

този шрифт не е sans-serif

В CSS, вместо в шрифта "face", той се нарича шрифт "family". Напишете CSS стил, който ще зададе шрифта. Например, ако искате да настроите целия текст в страница на Garamond, можете да добавите този визуален стил така:

тяло {font-family: Garamond, Times, serif; }

Този стил на CSS ще приложи семейството на шрифтове на Garamond към всичко в уеб страницата, тъй като всеки елемент в документа е потомък на

Промяна на цвета на шрифта

Както при лицето, използвате атрибута "цвят" и шестнадесетични кодове или имена на цветове, за да промените цвета на текста си. Преди години бихте задали това индивидуално и върху текстови елементи, като етикет с заглавие.

този шрифт е лилав

Днес вие просто ще напишете линия CSS.

Това е много по-гъвкаво. Ако е необходимо да промените

на всяка страница на вашия сайт, можете да направите една промяна във вашия CSS файл и всяка страница, която използва този файл, ще бъде актуализирана.

Извън Стария

Използването на CSS за диктуване на визуални стилове е стандарт на уеб дизайнер в продължение на много години, така че ако наистина търсите страница, която все още използва маркера, то е много стара страница и трябва да бъде преработена така, че да съответства на текущата мрежа проектиране на най-добри практики и съвременни стандарти за уеб.

Редактиран от Джеръми Жирар