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
 

Die Drei Grundregeln der HTML Code-Optimierung

Web-Design RSS Feed





Gerecht wie der Frühling, der ein Haus säubert, sollte der HTML Code Ihrer Webseiten periodische Reinigung außerdem erhalten. Über Zeit als Änderungen und Updates werden zu einer Webseite gebildet, der Code kann verunreinigt mit der nicht notwendigen Unordnung werden, verlangsamen Seite Last Zeiten und verletzen, die Leistungsfähigkeit Ihrer Webseite. Durcheinandergeworfenes HTML kann Ihre Search Engineklassifizierung auch ernsthaft auswirken.

Dieses ist besonders zutreffend, wenn Sie ein Netz-Designpaket des WYSIWYG (was sehen Sie sind, was Sie erhalten), wie FrontPage oder Dreamweaver benutzen. Diese Programme beschleunigen Ihre Web site Kreation, aber sie sind nicht die, die Schreiben am sauberen HTML Code leistungsfähig ist.

Wir werden diese Diskussion auf die tatsächliche HTML Kodierung richten und ignorieren werden andere Programmiersprachen, die in einer Seite wie Javascript verwendet werden können. In den Codebeispielen werde ich (und) Buchstaben anstelle von korrektem HTML benutzen, damit die Codebeispiele richtig in diesem Rundschreiben anzeigen.

Herauf bis vor kurzem als, eine Seite in HTML kodierend, würden wir Umbauten wie der (Schriftkegel) Umbau und (P) Punktumbauten benutzen. Zwischen diesen Umbauten seien Sie unser Seite Inhalt, Text, Bilder und Verbindungen. Jede Zeit wurde eine Formatierung Änderung auf der Seite vorgenommen, die neue Umbauten mit kompletter Formatierung für den neuen Abschnitt benötigt wurden. Vor kurzem haben wir die Fähigkeit gewonnen, kaskadierenart-Blätter zu benutzen und uns erlaubt, die Formatierung einmal zu schreiben und auf diese Formatierung mehrmals innerhalb einer Webseite dann uns zu beziehen.

Um Seite Last Zeiten zu beschleunigen müssen wir wenige Buchstaben auf der Seite haben wenn sie in einem HTML Herausgeber angesehen werden. Da wir wirklich nicht irgendwelche unseres sichtbaren Inhalts entfernen möchten, müssen wir zum HTML Code schauen. Indem wir herauf diesen Code säubern, können wir die Buchstaben entfernen, dadurch wirverursachen wirverursachen eine kleinere Webseite, die schneller lädt.

Überzeit HTML hat geändert und wir haben jetzt viele unterschiedliche Weisen, die gleiche Sache zu tun. Ein Beispiel würde der Code sein, der verwendet wurde, um eine Fettschrift Gesicht zu zeigen. In HTML haben wir zwei Hauptwahlen, den (starken) Umbau und den (b) Umbau. Wie Sie sehen können, daß (starker) Umbau benutzt 5 weitere Buchstaben als der (b) Umbau, und wenn wir die schließenden Umbauten außerdem betrachten, sehen wir das, den Paargebrauch des Umbaus zu verwenden (strong)(/strong) 10 weitere Buchstaben als das sauberere Paar des Umbaus (b)(/b).

Dieses ist unsere erste Grundregel des sauberen HTML Codes: Verwenden Sie die einfachste vorhandene Kodierungmethode.

HTML hat die Fähigkeit des Verschachtelung Codes innerhalb anderen Codes. Zum Beispiel wir könnten eine Linie mit drei Wörtern haben, in denen das mittlere Wort in fettem war. Dieses könnte vollendet werden, indem man die Formatierung vollständig jede Zeit änderte, welche die sichtbare Formatierung ändert. Betrachten Sie diesen Code:

(Schriftkegel face=?times?)This(/font)
(Schriftkegel face=?times?)(strong)BOLD(/strong)(/font)
(Schriftkegel face=?times?)Word(/font)
Dieses nimmt 90 Buchstaben auf.

Dieses ist sehr schlecht schriftliches HTML und ist, was Sie gelegentlich erhalten, wenn Sie einen WYSIWYG-Herausgeber verwenden. Seit den (Schriftkegel) Umbauten wiederholen die gleichen Informationen, die wir die (starken) Umbauten innerhalb der (Schriftkegel) Umbauten einfach nisten können, und besser dennoch, den (b) Umbau anstelle vom (starken) Umbau zu benutzen. Dieses würde uns diesen Code geben (Schriftkegel face=?times)This (b)BOLD(/b) Word(/font), nur 46 Buchstaben aufnehmend.

Dieses ist unsere zweite Grundregel des sauberen HTML Codes: Benutzen Sie genistete Umbauten, wenn möglich. Beachten Sie, daß WYSIWYG-Herausgeber häufig Formatierung aktualisieren, indem sie Schicht nach Schicht des genisteten Codes hinzufügen. So, während Sie herauf den Code säubern, suchen Sie nach dem überflüssigen genisteten Code, der dort durch Ihren WYSIWYG gesetzt wird, der Programm redigiert.

Ein grosses Problem mit dem Verwenden der HTML Umbauten ist, daß wir die Umbaukodierung wiederholen müssen, wann immer wir die Formatierung ändern. Das Aufkommen von CSS gesteht uns einen großen Vorteil in der sauberen Kodierung, indem es einmal uns zum Plan die Formatierung in einem Dokument zugesteht, dann sich bezieht auf es einfach über und über wieder zu.

Wenn wir sechs Punkte in einer Seite hatten, die zwischen zwei unterschiedliche Arten Formatierung, wie Überschriften in Blauem schalten, fett, sortieren Ariel, 4 und teilen Text im Schwarzen, Zeiten, Größe 2 mit Umbauten in Paragraphen ein, die wir diese komplette Formatierung jede Zeit würden verzeichnen müssen, wir eine Änderung vornehmen.

(Schriftkegel face=?Ariel? color=?blue? size=?4?)(b)Our heading(/b)(/font)
(Schriftkegel face=?Times color=?black? size=?2?)Our paragraph(/font)
(Schriftkegel face=?Ariel? color=?blue? size=?4?)(b)Our zunächst heading(/b)(/font)
(Schriftkegel face=?Times color=?black? size=?2?)Our zunächst paragraph(/font)

Wir würden dann dieses für jede Überschrift und Punkt, Lose des HTML Codes wiederholen.

Mit CSS, den wir CSS Arten für jede Formatierung Art verursachen könnten, die Arten einmal in der Überschrift der Seite, verzeichnet Sie und dann einfach auf die Art jede uns Zeit bezogen Sie wir eine Änderung vornehmen.

(Kopf)
(Art type="text/css")
(! - -
style1 {
Schriftkegel-Familie: Arial, Helvetica, sans-serif;
Schriftkegel-Gewicht: fett;
Schriftkegel-Größe: 24px;
}
style2 {
Schriftkegel-Familie: "Zeit-neues römisches", Zeiten, serif;
Schriftkegel-Größe: 12px;
}
--)
(/Art)
(/Kopf)
(Körper)
(p class="style1")Heading(/p)
(p class="style2")Paragraph Text(/p)
(/Körper)

Beachten Sie, daß die Arten im Hauptabschnitt der Seite verursacht werden und dann einfach im Körperabschnitt bezogen. Da wir mehr Formatierung addieren, würden wir einfach fortfahren, uns auf die vorher verursachten Arten zu beziehen.

Dieses ist unsere dritte Grundregel des sauberen HTML Codes: Verwenden Sie CSS Arten, wenn überhaupt möglich. Css hat einigen anderen Nutzen, wie In der LageSEIN, die CSS Arten in eine externe Akte zu legen, dadurch sogar mehr erverringert erverringert die Seite Größe und die Fähigkeit, die Formatierung schnell zu aktualisieren, die, indem es einfach die externe CSS Artakte Aufstellungsort-breit ist, aktualisiert.

So mit etwas einfacher Reinigung Ihres HTML Codes können Sie die Akte Größe leicht verringern und ein schnelles Laden, ein Mageres und eine Mittelwebseite bilden.

Über den Autor:
George Peirson ist ein erfolgreicher Unternehmer und ein Internet-Trainer. Er ist der Autor von über 30 Multimedia gründete die Tutortraining Titel, die solche Themen wie Photoshop, Blitz und Dreamweaver umfassen. Seine Training Sätze sehen, www.howtogurus.com zu besuchen

Artikel Quelle: Messaggiamo.Com

Translation by Google Translator





Related:

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


Holen Sie sich den HTML-Code fü Webmaster
Fügen Sie diese Artikel Ihrer Website jetzt hinzu!

Webmaster veröffentlichen Sie Ihre Artikel
Keine Anmeldung erforderlich! Füllen Sie das Formular aus und Ihr Artikel wird im Messaggiamo.Com Artikel-Verzeichnis aufgenommen!

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

Veröffentlichen Sie Ihre Texte im Messaggiamo.Com Artikel-Verzeichnis

Kategorien


Copyright 2006-2011 Messaggiamo.Com - Site Map - Privacy - Webmaster, veröffentlichen Sie Ihre Artikel kostenfrei auf Messaggiamo.Com! [0.01]
Hosting by webhosting24.com
Dedicated servers sponsored by server24.eu