Prinsipper HTML kode Optimization

= ganger) Word (font) Dette tar opptil 90 tegn. Dette er svært dårlig skrevet html og er det som du av og til får når du bruker en WYSIWYG editor. Siden (skrift) kodene er å gjenta den samme informasjonen kan vi bare reir de (sterke) tags inni (skrift) koder, og bedre ennå bruke (b) tag stedet for (sterk) tag. Dette vil gi oss denne koden (font face = ganger) denne (b) BOLD (b) Word (skrift), tar opp bare 46 tegn. Dette er vår andre Prinsipp for ren HTML-kode: Bruk nestede koder når det er mulig.

Vær oppmerksom på at WYSIWYG redaktører vil ofte oppdatere formatering ved å legge lag på lag med nestet kode. Så mens du rydde opp i koden ser for redundante nestet kode plassert der av WYSIWYG-redigering program. Et stort problem med å bruke HTML-koder er at vi må gjenta koden kodingen når vi endrer formateringen. Ankomsten av CSS gir oss en stor fordel i ren koding ved å tillate oss å layout formater gang i et dokument, så bare referere til det om og om igjen.

Hvis vi hadde seks avsnitt i en side som veksle mellom to ulike typer formatering, for eksempel overskrifter i Blue, Fet, Ariel, størrelse 4 og nr tekst i svart, Times, størrelse 2, bruke tagger vi måtte liste som fullstendig formatering hver gang vi gjør en endring. (font face = Ariel color = blue size = 4) (b) Vår overskrift (/b) (/font) (font face = Times color = svart size = 2) Vår punkt (/font) (font face = Ariel color = blå size = 4) (b) Vår neste overskrift (/b) (/font) (font face = Times color = svart size = 2) Vår neste avsnitt (/font) Vi vil deretter gjenta dette for hver overskrift og avsnitt, masse av html-kode.

Med CSS kan vi lage CSS-stiler for hver formatering type liste Styles gang i overskriften på siden, og så bare refererer til stil hver gang vi gjør en endring. (leder) (style type = "text /css") (- .style1 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px;}! .style2 {skriften family: "Times New Roman", Times, serif; font-size: 12px;} -) (/style) (/hode) (body) (p class = "style1") Overskrift (/p) (p class = "style2") Punkt Tekst (/p) (/body) www.infozabout.comwww.webcode.infozabout.com Anmeldelser