Фонт таг наспроти Каскадни стилски листови (CSS)

Дали сте погледнале на многу стара веб-страница и виделе необична таг во HTML-то ? Пред многу години, веб-дизајнерите всушност ќе ги постават фонтовите на нивните веб-страници внатре во самиот HTML , но одделеноста на структурата (HTML) и стил (CSS) ја отфрли оваа практика пред некое време.

Во веб-дизајн денес, ознаката е застарена. Ова значи дека ознаката повеќе не е дел од спецификацијата на HTML. Додека некои прелистувачи сè уште ја поддржуваа оваа ознака откако беше застарена, во HTML5 веќе не е поддржана, што е најновата итерација на јазикот. Ова значи дека ознаката повеќе не треба да се најде во вашите HTML документи.

Алтернатива на ознаката за фонт

Ако не можете да го поставите фонтот на текстот во HTML-страницата со тагот, што треба да го користите? Каскадни стилски листови (CSS) се како да поставите стилови на букви (и сите визуелни стилови) на веб-страниците денес. CSS може да ги направи сите исти работи што може да ги направи тагот, плус многу повеќе. Ајде да испитаме што би можело да направи тагот кога беше опција за нашите HTML страници (запомнете, воопшто не е поддржано, па тоа не е опција) и споредба на тоа како да го направите со CSS.

Промена на семејството на фонт

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

овој фонт не е sans-serif

Во CSS наместо фонт "лице", се вика фонтот "семејство". Напишете стил на CSS кој ќе го намести фонтот. На пример, ако сакавте да го поставите целиот текст на страницата на Garamond, можете да додадете визуелен стил како ова:

body {font-family: Garamond, Times, serif; }

Овој CSS стил ќе го примени семејството на фонтот на Garamond на сè на веб-страница, бидејќи секој елемент во документот е потомок на

Менување на бојата на фонтот

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

овој фонт е пурпурен

Денес, само ќе напишете линија на CSS.

Ова е многу пофлексибилно. Ако треба да го промените

на секоја страница од вашиот сајт, можете да направите една промена во вашата CSS датотека и секоја страница што ја користи таа датотека ќе се ажурира.

Надвор со стариот

Користењето на CSS за диктирање визуелни стилови е стандард на веб дизајнер за многу години, па ако навистина гледате на страница која сеуште ја користи тагот, тогаш тоа е многу стара страница и треба да се реновира за да се прилагоди на тековната веб дизајн најдобрите практики и современи веб стандарди.

Уредено од Џереми Жирар