Pozreli ste sa na veľmi starú webovú stránku a videli ste nezvyčajnú značku vo vnútri HTML ? Pred mnohými rokmi by mali weboví dizajnéri skutočne nastaviť písma svojich webových stránok v samotnom HTML , ale oddelenie štruktúry (HTML) a štýlu (CSS) predčasne odstráni túto prax.
V dnešnom dizajne webových stránok bola značka zastaraná. Znamená to, že značka už nie je súčasťou špecifikácie HTML. Zatiaľ čo niektoré prehliadače túto značku stále podporovali po jej zastaraní, v HTML5, ktorá je najnovšou iteráciou jazyka, ju už nepodporuje. Znamená to, že značka by sa už nemala nachádzať vo vašich dokumentoch HTML.
Alternatíva k značke písma
Ak nemôžete nastaviť písmo textu vo vnútri stránky HTML pomocou značky, čo by ste mali používať? Kaskádové štýly (CSS) vám umožňujú nastaviť štýly písma (a všetky vizuálne štýly) na webových stránkach. CSS dokáže robiť to isté, čo môže značka robiť, a oveľa viac. Pozrime sa, čo by značka mohla urobiť, keď to bola voľba pre naše stránky HTML (pamätajte, že už nie je podporovaná, takže to nie je voľba) a porovnajte, ako to urobiť s CSS.
Zmena rodiny písiem
Lícna tvár je tvár alebo rodina písma. S označením písma by ste použili atribút "face" a bolo by potrebné, aby ste v celom dokumente umiestnili mnohokrát a mnohokrát, aby ste nastavili jednotlivé písma pre každú časť textu. Ak ste potrebovali vykonať radikálnu zmenu tohto písma, museli ste zmeniť každú z týchto jednotlivých značiek. Napríklad:
toto písmo nie je sans-serifV CSS namiesto písma "face" sa nazýva font "family". Napíšete štýl CSS, ktorý by nastavil písmo. Napríklad, ak ste chceli nastaviť celý text na stránku Garamond, môžete pridať tento vizuálny štýl takto:
telo {font-family: Garamond, Times, serif; }Tento štýl CSS by použil rodinu fontov Garamond na všetko na webovej stránke, pretože každý prvok dokumentu je potomkom
Zmena farby písma
Rovnako ako u tváre, používate atribút "farba" a hexadecimálne kódy alebo názvy farieb na zmenu farby textu. Pred rokom by ste takisto nastavili toto nastavenie individuálne na textové prvky, napríklad na hlavičkovú značku.
toto písmo je fialovéDnes by ste len napísali riadok CSS.
Je to oveľa pružnejšie. Ak ste potrebovali zmenu
na každej stránke vašich stránok by ste mohli urobiť jednu zmenu v súbore CSS a každá stránka, ktorá používa tento súbor, bude aktualizovaná.
Von s starým
Používanie CSS na diktovanie vizuálnych štýlov je už mnoho rokov štandardom webového dizajnéra, takže ak skutočne hľadáte stránku, ktorá stále používa značku, je to veľmi stará stránka a musí byť prerobená tak, aby zodpovedala aktuálnemu webu navrhovať osvedčené postupy a moderné webové štandardy.
Upravil Jeremy Girard