A betűtípus-címke versus Cascading Style Sheets (CSS)

Megnézett egy nagyon régi weboldalt, és látta a szokatlan címkét a HTML-ben ? Sok évvel ezelőtt a webes tervezők saját weboldalaik betűtípusait állították be a HTML-ben , de a struktúra (HTML) és a stílus (CSS) szétválasztása elhúzta ezt a gyakorlatot néhány évvel ezelőtt.

A webes tervezésben a címke elavult. Ez azt jelenti, hogy a címke már nem része a HTML-specifikációnak. Míg néhány böngésző továbbra is támogatta ezt a címkét, miután elavult, egyáltalán nem támogatott a HTML5-ben, amely a nyelv legutóbbi iterációja. Ez azt jelenti, hogy a címke már nem található meg a HTML dokumentumokban.

A betűkészlet alternatívája

Ha nem tudja beállítani a HTML-oldalon lévő szöveg betűtípust a címkével, akkor mit kell használni? A CSS stíluslapok (CSS) az a mód, ahogyan a betűstílusokat (és az összes vizuális stílust) a weboldalakon beállíthatod. A CSS ugyanazokat a dolgokat teheti meg, mint a címke, és még sok más. Nézzük meg, mit tehet a címke, ha ez egy lehetőség a HTML oldalainkra (ne feledjük, nem támogatjuk, ezért nem lehet opció), és hasonlítsa össze a CSS segítségével.

A betűtípus család megváltoztatása

A betűfelület a betű arca vagy családja. A betűtípuscímke segítségével az "arc" attribútumot használjuk, és sok dokumentumot kell elhelyeznünk egy dokumentumban sokszor, hogy az egyes szövegrészekhez egyedi betűtípusokat állítsunk be. Ha egy sűrű változást kellett elvégeznie a betűtípuson, meg kellett változtatnia az egyes címkék mindegyikét. Például:

ez a betűtípus nem sans-serif

A CSS-ben a "face" betűt helyett a "család" betűtípusnak hívják. Írsz egy CSS-stílust, amely beállítaná a betűtípust. Ha például egy egész Garamond-t szeretne beállítani egy oldalon, hozzáadhatja azt a vizuális stílust, mint ez:

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

Ez a CSS stílus a Garamond betűtípus családot alkalmazza a weboldal összes elemére, mivel a dokumentum minden eleme a

A betűtípus színe megváltoztatása

Az archoz hasonlóan a "szín" attribútumot és a hexakódokat vagy színneveket használja a szöveg színének megváltoztatásához. Évekkel ezelőtt ezt egyénileg is beállíthatja szöveges elemekre, például fejléc címkére.

ez a betű lila

Ma csak egy CSS sort írsz.

Ez sokkal rugalmasabb. Ha meg kellett változtatni a

a webhely minden oldalán egy változást hozhat a CSS-fájlban, és minden olyan oldal, amelyik a fájlt használja, frissül.

Ki az öreggel

A vizuális stílusok diktálására szolgáló CSS ​​használatával évek óta a webdesigner szabványa, tehát ha valóban olyan oldalra nézel, amely még mindig használja a címkét, akkor ez egy nagyon régi oldal, és újra kell fejleszteni, hogy megfeleljen a jelenlegi webnek a legjobb gyakorlatok tervezését és a modern webes szabványokat.

Szerkesztette Jeremy Girard