English version
German version
Spanish version
French version
Italian version
Portuguese / Brazilian version
Dutch version
Greek version
Russian version
Japanese version
Korean version
Simplified Chinese version
Traditional Chinese version
Hindi version
Czech version
Slovak version
Bulgarian version
 

De Drie Principes van de Optimalisering van de Code van HTML

Web design RSS Feed





Enkel als de lente die een huis schoonmaakt, zou de HTMLCODE van uw Web-pagina's het periodieke eveneens schoonmaken moeten krijgen. In tijd, zoals verandert en de updates aan een Web-pagina worden gemaakt, kan de code een rommel van die wordt gemaakt van die worden die met onnodige rommel, die de tijden van de paginalading vertraagt en de efficiency van uw Web-pagina kwetst. Volgestopt HTML kan uw onderzoeksmotor het rangschikken ernstig ook beïnvloeden.

Dit is vooral waar als u WYSIWYG gebruikt (Wat u bent ziet Wat u) krijgt het pakket van het Webontwerp zoals FrontPage of Dreamweaver. Deze programma's zullen uw websiteverwezenlijking versnellen, maar zij zijn niet dat efficiënt bij het schrijven van schone HTMLCODE.

Wij zullen deze bespreking over de daadwerkelijke HTMLCODAGE concentreren, die andere programmeertalen negeert die in een pagina zoals JavaScript kunnen worden gebruikt. In de codevoorbeelden zal ik (en) karakters in plaats van correct HTML gebruiken zodat de codevoorbeelden behoorlijk in dit bulletin zullen tonen.

Op tot onlangs wanneer het coderen van een pagina in HTML zouden wij markeringen zoals de (font) markering en (p) paragraafmarkeringen gebruiken. Tussen deze markeringen onze paginainhoud, tekst, beelden en verbindingen zou zijn. Elke keer werd een het formatteren verandering aangebracht op de pagina de nieuwe markeringen met het volledige formatteren voor de nieuwe sectie werden vereist. Meer onlangs hebben wij de capaciteit bereikt om de Draperende Bladen van de Stijl te gebruiken, toestaand ons om het formatteren te schrijven eens en dan naar dat te verwijzen die verscheidene keren binnen een Web-pagina formatteert.

Om de tijden van de paginalading te versnellen die wij hebben moeten om minder karakters op de pagina hebben wanneer bekeken in een HTMLREDACTEUR. Aangezien wij werkelijk geen van onze zichtbare inhoud willen verwijderen die wij hebben moeten om aan de HTMLCODE kijken. Door deze code schoon te maken kunnen wij karakters verwijderen, daardoor creërend een kleinere Web-pagina die sneller zal laden.

In tijd is HTML veranderd en wij hebben nu vele verschillende manieren om het zelfde ding te doen. Een voorbeeld zou de code zijn die wordt gebruikt om een vette lettersgezicht te tonen. In HTML hebben wij twee belangrijke keuzen, de (sterke) markering en de (b) markering. Aangezien u (de sterke) kunt zien markering gebruikt 5 meer karakters dan de (b) markering, en als wij de sluitende markeringen eveneens overwegen wij ziet dat het gebruiken van het (strong)(/sterk) markeringspaar 10 meer karakters dan schoner (b) (/b) gebruikt markeringspaar.

Dit is ons Eerste Principe van de schone code van HTML: Gebruik de eenvoudigste beschikbare codagemethode.

HTML heeft de capaciteit van het nestelen code binnen andere code. Bijvoorbeeld konden wij een lijn met drie woorden hebben waar het middenwoord in vette letters was. Dit zou kunnen worden verwezenlijkt door elke keer volledig het formatteren van de zichtbare het formatteren veranderingen te veranderen. Overweeg deze code:

(font face=?times?)This (/font)
(font face=?times?) (strong)BOLD (/strong) (/font)
(font face=?times?)Word (/font)
Dit neemt 90 karakters op.

Dit is zeer slecht geschreven HTML en is wat u nu en dan wanneer het gebruiken van een WYSIWYG redacteur zult worden. Aangezien de (font) markeringen de zelfde informatie herhalen kunnen wij de (sterke) markeringen binnen de (font) markeringen eenvoudig nestelen, en de (b) markering in plaats van de (sterke) markering beter nog gebruiken. Dit zou ons deze code geven (font face=?times)This ((/b) Word b)BOLD (/font die), slechts 46 karakters opneemt.

Dit is ons Tweede Principe van de schone code van HTML: Genestelde het gebruik etiketteert wanneer mogelijk. Me ervan bewust ben dat WYSIWYG de redacteurs vaak het formatteren door laag na laag van genestelde code toe te voegen zullen bijwerken. Zo terwijl u de code schoonmaakt zoek overtollige genestelde code die daar door uw WYSIWYG het uitgeven programma wordt geplaatst.

Een groot probleem met het gebruiken van de markeringen van HTML is dat wij de markeringscodage moeten herhalen wanneer wij het formatteren veranderen. De komst van CSS staat ons een groot voordeel in schone codage door ons aan lay-out toe toe te staan het formatteren zodra in een document, dan eenvoudig steeds opnieuw naar het verwijs.

Als wij zes paragrafen in een pagina hadden die tussen twee verschillende soorten het formatteren van, zoals rubrieken in Blauw, Vette letters schakelen, rangschikt Ariel, 4 en paragraaftekst in Zwarte, Tijden, grootte 2, gebruikend markeringen die wij zou moeten om dat het volledige formatteren elke keer van een lijst maken wij aanbrengen een verandering.

(font face=?Ariel? color=?blue? size=?4?)(b)Our rubriek (/b) (/font)
(font face=?Times color=?black? size=?2?)Our paragraaf (/font)
(font face=?Ariel? color=?blue? size=?4?)(b)Our volgende rubriek (/b) (/font)
(font face=?Times color=?black? size=?2?)Our volgende paragraaf (/font)

Wij zouden dan dit voor elke rubriek en paragraaf, veel HTMLCODE herhalen.

Met CSS konden wij CSS Stijlen voor elk formatterend type tot stand brengen, van de Stijlen in Header van de pagina eens een lijst maken, en verwijzen dan eenvoudig naar de Stijl wij elke keer een verandering aanbrengen.

(hoofd)
(stijl type="text/css")
(! - -
style1 {
font-familie: Arial, Helvetica, zonder-serif;
font-gewicht: gewaagd;
font-grootte: 24px;
}
style2 {
font-familie: "Tijden Nieuwe Romein", Tijden, serif;
font-grootte: 12px;
}
)
(/stijl)
(/hoofd)
(lichaam)
(p class="style1")Heading (/p)
(pclass="style2")Paragraph- Tekst (/p)
(/lichaam)

Bericht dat de Stijlen in de Hoofdsectie van de pagina worden gecreeerd en dan in de sectie van het Lichaam eenvoudig van verwijzingen voorzien. Aangezien wij meer toevoegen het formatteren zouden wij eenvoudig naar de eerder gecreeerde Stijlen blijven verwijzen.

Dit is ons Derde Principe van de Schone Code van HTML: Css van het gebruik stijlen wanneer mogelijk. Css heeft verscheidene andere voordelen, zoals het kunnen de CSS stijlen in een extern dossier plaatsen, daardoor verminderend de paginagrootte zelfs meer, en de capaciteit het formatteren snel om bij te werken plaats-wijd door het externe CSS dossier van de Stijl eenvoudig bij te werken.

Zo met wat het eenvoudige schoonmaken van uw code van HTML kunt u de dossiergrootte gemakkelijk verminderen en een snelle lading, helling maken en Web-pagina bedoelen.

Ongeveer de auteur:
George Peirson is een een succesvolle Ondernemer en Trainer van Internet. Hij is de auteur van meer dan 30 multimedia baseerde de opleidingstitels die van een privé-leraar dergelijke onderwerpen bespreken zoals Photoshop, Flits en Dreamweaver. Zijn opleiding zien plaatst bezoek www.howtogurus.com

Artikel Bron: Messaggiamo.Com

Translation by Google Translator





Related:

» Seo Elite: New Seo Software!
» AntiSpywareBOT
» Reverse Mobile
» Error Nuker


Webmaster krijgen html code
Voeg dit artikel aan uw website!

Webmaster verzenden van artikelen
Geen registratie vereist! Vul het formulier in en uw artikel is in de Messaggiamo.Com Directory!

Add to Google RSS Feed See our mobile site See our desktop site Follow us on Twitter!

Dien uw artikelen te Messaggiamo.Com Directory

Categorieën


Copyright 2006-2011 Messaggiamo.Com - Sitemap - Privacy - Webmaster verzenden van artikelen naar Messaggiamo.Com Directory [0.01]
Hosting by webhosting24.com
Dedicated servers sponsored by server24.eu