Periaatteet HTML-koodin optimointi

merkkiä. Tämä on erittäin huonosti kirjoitettu html ja on mitä joskus saat, kun käytät WYSIWYG. Koska (fontti) tunnisteet toistamaan samaa tietoa voimme yksinkertaisesti pesä (voimakas) tags sisällä (font) tunnisteet, ja vielä parempaa käyttää (b) tag sijasta (voimakas) tag. Tämä antaisi meille tämän koodin (font face = kertaa) Tämä (b) BOLD (b) Word (fontti), aloittamisesta vain 46 merkkiä. Tämä on meidän toinen periaate puhdas HTML-koodi: Käytä sisäkkäisiä tunnisteita, kun mahdollista.

Huomaa, että WYSIWYG editorit päivittävät muotoilun lisäämällä kerros kerrokselta sisäkkäisiä koodia. Joten kun olet siivota koodi etsiä irtisanotuille sisäkkäisiä koodi sijoitetaan sinne teidän WYSIWYG editointi ohjelma. Suuri ongelma HTML-koodien avulla on, että meidän täytyy toistaa tunnisteen koodaus kun muutamme muotoilua. Kynnyksellä CSS antaa meille suuri etu puhdas koodaus sallimalla layout muotoilun kerran asiakirjassa, sitten yksinkertaisesti viitata siihen uudestaan ​​ja uudestaan.

Jos meillä oli kuusi kappaleiden sivu, joka vaihtaa kahden eri muotoilun, kuten otsikot Blue, Bold, Ariel, koko 4 ja kohta tekstin Musta, Times, koko 2, käyttämällä tageja tarvitsisimme listata että täydellinen muotoilu joka kerta tehdä muutoksia. (Font face = Ariel color = blue size = 4) (b) Meidän otsikko (/b) (/font) (font face = Times color = musta size = 2) Meidän kohta (/font) (font face = Ariel color = sininen size = 4) (b) Seuraavan otsikko (/b) (/font) (font face = Times color = musta size = 2) Seuraava kohta (/font) Olisimme silloin Toista tämä jokaisen otsikko ja kappale, paljon HTML-koodia.

CSS voisimme luoda CSS-tyylit jokaiselle muotoilun tyyppi, luettelo Tyylit kerran otsikossa sivun, ja sitten yksinkertaisesti viitata Style aina teemme muutoksen. (Pää) (style type = "text /css") (! - .style1 {Font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px;} .style2 {font- perhe: "Times New Roman", Times, serif; font-size: 12px;} -) (/tyyli) (/head) (body) (p class = "style1") Nimike (/p) (p class = "style2") kohta Teksti (/p) (/body) www.infozabout.comwww.webcode.infozabout.com