Oletko katsellut hyvin vanhaa verkkosivustoa ja nähnyt HTML-koodin epätavallisen tunnisteen? Monta vuotta sitten web-suunnittelijat tekivät itse Web-sivujensa fontit itse HTML: n sisällä, mutta rakenteen (HTML) ja tyylin (CSS) erottaminen poisti tämän käytännön jo jonkin aikaa.
Web-suunnittelussa tänään tunniste on vanhentunut. Tämä tarkoittaa, että tunniste ei ole enää osa HTML-määritystä. Vaikka jotkut selaimet tukivat tätä tunnistetta sen jälkeen, kun se oli vanhentunut, sitä ei enää tueta lainkaan HTML5: ssä, joka on kielen uusin iterointi. Tämä tarkoittaa, että tunnistetta ei enää löydy HTML-asiakirjoistasi.
Fonttiotsikon vaihtoehto
Jos HTML-sivun tekstin kirjasintyyppiä ei voi määrittää tunnisteella, mitä sinun pitäisi käyttää? CSS-tyyliarkit (CSS) ovat, miten olet määrittänyt kirjasintyypit (ja kaikki visuaaliset tyylit) verkkosivustoille tänään. CSS voi tehdä samoja asioita kuin tunniste voisi tehdä, ja niin paljon muutakin. Katsotaan, mitä tagilla voisi tehdä, kun se oli vaihtoehto HTML-sivuillemme (muista, sitä ei tueta enää ollenkaan, joten se ei ole vaihtoehto) ja verrata sitä CSS: n tekemiseen.
Fonttiperheen muuttaminen
Kirjasin on kirjasin kasvot tai perhe. Kirjasintunnisteen avulla voit käyttää attribuuttia "kasvot", ja sinun pitäisi sijoittaa tämä koko asiakirjaan monta kertaa, jotta yksittäiset fontit määritettäisiin jokaiselle tekstiluokalle. Jos sinun tarvitsee tehdä laajamittainen muutos kyseiseen kirjasimeen, sinun oli muutettava jokainen näistä yksittäisistä tunnisteista. Esimerkiksi:
tämä kirjasin ei ole sans-serifCSS-fontin sijaan fonttia "face", sitä kutsutaan fontiksi "perheeksi". Kirjoitat fontin CSS-tyylin. Jos haluat esimerkiksi asettaa koko teksti sivulle Garamondille, voit lisätä tämän visuaalisen tyylin seuraavasti:
body {font-family: Garamond, Times, serif; }Tämä CSS-tyyli soveltaisi Garamondin kirjasarjaa kaikkiin verkkosivuihin, koska jokainen dokumentin osa on jälkeläinen
Fontin värin muuttaminen
Kuten kasvojen kanssa, käytät väri-attribuutin ja hex-koodien tai värien nimeä tekstin värin muuttamiseen. Vuosia sitten asetat tämän myös yksilöllisesti tekstin elementteihin, kuten otsikkotunnisteeseen.
tämä kirjasin on violettiTänään kirjoittaisit vain CSS-rivin.
Tämä on paljon joustavampaa. Jos sinun tarvitsee muuttaa
sivustosi jokaisella sivulla voit tehdä yhden muutoksen CSS-tiedostossa ja jokainen sivu, joka käyttää tätä tiedostoa, päivitetään.
Vanhan kanssa
CSS: n käyttäminen visuaalisten tyylejen määrittämiseksi on ollut monen vuoden ajan web-suunnittelija-standardi, joten jos katsot sivua, joka käyttää edelleen tunnistetta, se on hyvin vanha sivu ja sitä on kehitettävä vastaamaan nykyistä verkkoa suunnitella parhaita käytäntöjä ja nykyaikaisia web-standardeja.
Toimittaja Jeremy Girard