Principerna HTML-kod optimering

nna (font) (font face = gånger) (starkt) BOLD (starkt) (font) (font face = gånger) Word (font) Detta tar upp 90 tecken. Detta är mycket dåligt skriven html och är vad du ibland får när du använder en WYSIWYG editor. Eftersom (teckensnitt) taggar upprepa samma information som vi kan helt enkelt bo (de starka) taggar inuti (teckensnitt) taggar, och ändå bättre att använda (b) tag i stället för (stark) tag. Detta skulle ge oss denna kod (font face = gånger) detta (b) BOLD (b) Word (font), tar upp endast 46 tecken.

Detta är vår andra Principen om ren HTML-kod: Använd kapslade taggar när det är möjligt. Var medveten om att WYSIWYG-redigerare ofta uppdaterar formatering genom att lägga lager på lager av kapslade kod. Så när du städa upp koden leta efter redundant kapslade kod placerats där av din WYSIWYG redigeringsprogram. Ett stort problem med att använda HTML-taggar är att vi måste upprepa taggen kodning när vi ändra formateringen. Tillkomsten av CSS ger oss en stor fördel i ren kodning genom att tillåta oss att layout formateringen gång i ett dokument, sedan helt enkelt hänvisa till det om och om igen.

Om vi ​​hade sex stycken på en sida som växlar mellan två olika typer av formatering, såsom rubriker i blått, Fet, Ariel, storlek 4 och stycketext i svart, Times, storlek 2, med taggar vi skulle behöva räkna upp att fullständig formatering varje gång vi gör en förändring. (font face = Ariel color = blue size = 4) (b) Vår rubrik (/b) (/font) (font face = Times color = black size = 2) Vår punkt (/font) (font face = Ariel color = blå size = 4) (b) Vår nästa rubrik (/b) (/font) (font face = Times color = black size = 2) Vår nästa stycke (/font) Vi skulle sedan upprepa detta för varje rubrik och punkt, massor av html-kod.

Med CSS vi skulle kunna skapa CSS-format för varje formatering typ, lista Styles gång i ingressen till sidan och sedan helt enkelt hänvisa till Style varje gång vi gör en förändring. (huvud) (style type = "text /css") (- .style1 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px;}! .style2 {Tecken- familj: "Times New Roman", Times, serif; font-size: 12px;} -) (/stil) (/huvud) (kroppen) (p class = "style1") Rubrik (/p) (p class = "style2") Punkt Text (/p) (/body) www.infozabout.comwww.webcode.infozabout.

com Omdömen