Kas olete vaadanud väga vana veebisaiti ja näinud HTML-is sees ebatavalist märgendit? Paljud aastaid tagasi panid veebidisainerid HTML-i enda veebisaitide fonte, kuid struktuuri (HTML) ja stiili (CSS) eraldamine tühistas mõne aja eest selle praktika.
Täna veebidisainis on märgend aegunud. See tähendab, et märgend ei ole enam HTML-i spetsifikatsiooni osa. Kuigi mõned brauserid toetasid ikkagi seda märgendit pärast seda, kui see oli aegunud, ei toetata seda üldse HTML5-ga, mis on keele viimane iteratsioon. See tähendab, et silt ei peaks enam teie HTML-dokumentides leidma.
Fontide sildi alternatiiv
Kui te ei saa märgendiga HTML-lehe teksti sisestada, mida peaksite kasutama? Cascading style sheets (CSS) on see, kuidas täna veebisaitidel veebisaitidel fondi stiile (ja kõiki visuaalseid stiile) määrates. CSS saab teha kõik samad asjad, mida märgend võiks teha, ja veelgi palju. Uurime seda, mida märgend võiks teha, kui see oli meie HTML-lehtede valik (meeles pidada, seda enam ei toetata, seega pole see valik) ja võrrelda CSS-i abil seda.
Fontide perekonna muutmine
Fontide nägemine on fondi nägu või perekond. Fontide märgendiga peaksite kasutama atribuuti "nägu" ja peate selle kogu dokumendis asetama paljusid kordi, et määrata iga tekstiosa jaoks eraldi fonte. Kui teil oli vaja seda fonti põhjalikult muuta, peate muutma igaüks neist üksikutest siltidest. Näiteks:
see font ei ole sans-serifCSS-i asemel font "nägu" asemel nimetatakse seda fonti "perekond". Kirjutad CSS-i stiili, mis määrab fondi. Näiteks, kui soovite kogu Garantiinis asuva lehe teksti määrata, võite lisada selle visuaalse stiili nagu see:
keha {font-family: Garamond, Times, serif; }See CSS-stiil rakendab Garamondi fontide seeriat kõigile veebilehel, kuna kõik dokumendi elemendid on
Fondi värvi muutmine
Nagu näo puhul, kasuta teksti värvi muutmiseks atribuuti "color" ja hex koodid või värvide nimed. Aastaid tagasi seadisite selle ka individuaalselt tekstielementidele, nagu näiteks päise tag.
see font on lillaTäna kirjutad lihtsalt CSS-i rea.
See on palju paindlikum. Kui teil oli vaja muuta
iga saidi lehel saate CSS-failis teha ühe muudatuse ja iga lehte, kus seda faili kasutatakse, värskendatakse.
Väljas
Visuaalsete stiilide dikteerimiseks CSS-i kasutamine on paljudel aastatel olnud veebidisainerite standard, seega kui te vaatate tõepoolest lehte, mis ikka kasutab sildi, siis on see väga vana leht ja see tuleb ümber kujundada, et see vastaks praegusele veebile disaini parimad tavad ja kaasaegsed veebistandardid.
Redigeeris Jeremy Girard