Übersetzung: So schreiben Sie einen schönen HTML -Code

Welcher schöne HTML -Code sieht aus, wie man einen schönen HTML -Code schreibt.

Ein Artikel, der von einem Ausländer geschrieben wurde: Welcher schöne HTML -Code sieht so aus, als würde man schöne HTML -Codes sehr gut anfühlen. Nachdrucken Sie es nach und teilen Sie es mit Ihnen:

PS: Originaladresse: http://css-tricks.com/what-beautiful-html-code-looks-like/

Vergessen Sie nicht die Erklärung am Kopf, sie wird dem Browser sagen, wie er Ihre HTML rendert.

Setzen Sie den Titel, Zeichensatz. Konfigurieren Sie CSS- und JS -externe Links (einschließlich eines Druck -CSS).

Geben Sie dem Körper einen Ausweis. Der Grund, warum der hier erwähnte Autor die Auswahl von mittleren Behältern für mehrere Seiten erleichtert. Wenn Sie beispielsweise verschiedene IDs für den Körper auf Seite1 und Seite 2 festlegen, können Sie zwei verschiedene Effekte auf #Seite1 H2 und #Seite 2 H2 festlegen. Ich bin der Meinung, dass dies von der Situation und der spezifischen Struktur vor der Verwendung abhängt.

Schreiben Sie den Menücode, der die Semantik entspricht.

<div id=menu>

<ul>

<li> <a href = index.php> home </a> </li>

<li> <a href = über.php> About </a> </li>

<li> <a href = contact.php> Kontakt </a> </li>

</ul>

</div>

PS: Ich persönlich denke, es sollte einfacher sein, einen solchen Code zu schreiben:

<Ulid = Menü>

<li> <a href = index.php> home </a> </li>

<li> <a href = über.php> About </a> </li>

<li> <a href = contact.php> Kontakt </a> </li>

</ul>

Es gibt eine Körperdiv, die alle Inhalte enthält. Bequem, um die Breite, die Ränder usw. des Körpers zu reparieren.

Schreiben Sie zuerst den Hauptinhalt, dann den sekundären Inhalt. Wenn Ihre Navigation oder Seitenleiste nicht sehr wichtig ist, schreiben Sie sie am besten am Ende.

Führen Sie gemeinsame Teile wie die Navigation und das Ende der Seiten durch dynamische Aufrufe ein, wie z. B. PHP.

Einzugscode

Beachten Sie das Endetikett

Verwenden Sie gegebenenfalls Titel -Tags wie <h1> ~ <h6> gegebenenfalls, um Absätze zu teilen.

Schreiben Sie keine Stile auf Tags, HTML wird nur zur Darstellung von Strukturen verwendet. Lassen Sie uns die Leistung CSS überlassen.