Principper HTML-kode optimering

FED (stærk) (font) (font face = tidspunkter) Word (font) Dette tager op 90 tegn. Dette er meget dårligt skrevet html og er, hvad du lejlighedsvis vil få, når du bruger en WYSIWYG editor. Da de (skrifttype) tags er at gentage de samme oplysninger, vi kan simpelthen reden de (stærke) tags inde i (skrifttype) tags, og alligevel bedre brug (b) tag i stedet for (stærk) tag. Dette ville give os denne kode (font face = tidspunkter) Dette (b) FED (b) Word (skrifttype), optage kun 46 tegn. Dette er vores andet princip i ren HTML-kode: Brug indlejrede tags når det er muligt.

Vær opmærksom på at WYSIWYG editorer ofte opdaterer formatering ved at tilføje lag efter lag af indlejrede kode. Så mens du er oprydning koden kigge efter overflødige indlejret kode placeret der af din WYSIWYG redigering program. Et stort problem med at bruge HTML-tags er, at vi er nødt til at gentage tag kodning, når vi ændre formateringen. Fremkomsten af ​​CSS giver os en stor fordel i rent kodning ved at tillade os at layout formateringen gang i et dokument, så bare henvise til det igen og igen.

Hvis vi havde seks stykker i en side, der skifter mellem to forskellige typer af formatering, såsom overskrifter i Blå, Fed, Ariel, størrelse 4, og stk tekst i sort, Times, størrelse 2, ved hjælp af tags vi skulle nævne, at en fuldstændig formatering hver gang vi laver en ændring. (font face = Ariel color = blue size = 4) (b) vores overskrift (/b) (/font) (font face = Times farve = sort size = 2) Vores afsnit (/font) (font face = Ariel color = blå size = 4) (b) Vores næste overskrift (/b) (/font) (font face = Times farve = sort size = 2) Vores næste afsnit (/font) Vi vil derefter gentage dette for hver overskrift og afsnit, masser af html-kode.

Med CSS kan vi skabe CSS Styles for hver formatering type, en liste over de typografier én gang i Header på siden, og derefter blot henvise til Style hver gang vi laver en ændring. (hoved) (style type = "text /css") (- .style1 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px;}! .style2 {font- familie: "Times New Roman", Times, serif; font-size: 12px;} -) (/stil) (/hoved) (kroppen) (p class = "style1") Overskrift (/p) (p class = "style2") § Tekst (/p) (/kroppen) www.infozabout.comwww.webcode.infozabout.

com