Übersetzung: Wie man schönen HTML-Code schreibt_HTML/Xhtml_Webseitenproduktion

Wie schöner HTML-Code aussieht Wie man schönen HTML-Code schreibt.
Ein Artikel von einem Ausländer: Wie schöner HTML-Code aussieht. Ich finde, er ist sehr gut geschrieben und teile ihn mit Ihnen:
Ps: Originaladresse: http: // css-tricks.com/what-beautiful-html-code-looks-like/
1.DOCTYPE ordnungsgemäß deklariert
Vergessen Sie nicht die Header-Deklaration, sie teilt dem Browser mit, wie Ihr HTML gerendert werden soll.
2. Tidy Head-Bereich
Legen Sie den Titel und den Zeichensatz fest (einschließlich eines CSS zum Drucken).
3.Identität des Körpers
Geben Sie dem Körper eine ID. Der vom Autor hier genannte Grund besteht darin, die Auswahl von Containern für mehrere Seiten zu erleichtern. Wenn Sie beispielsweise unterschiedliche IDs für BODY in Seite1 und Seite2 festlegen, können Sie über #page1 h2 und #page2 h2 zwei verschiedene Effekte festlegen. Ich bin der Meinung, dass dies von der Situation und der spezifischen Architektur abhängt, bevor Sie es verwenden.
4.Semantisch bereinigtes Menü
Schreiben Sie einen Menücode, der der Semantik entspricht.
<div id="menu"> <code><div id="menu"> <br><ul> <br><li><a href="index.php">Home</a></li> <br><li><a href="about.php">About</a></li> <br><li><a href="contact.php">Contact</a></li> <br> </ul> <br> </div> <br>ps:我个人觉得这样写代码应该更简单一点吧:<br><ulid><br><li><a href="index.php">Home</a></li> <br><li><a href="about.php">About</a></li> <br><li><a href="contact.php">Contact</a></li> <br><br></ulid>

• Startseite
• Über


• Kontakt
ul>

ps: Ich persönlich denke, es sollte einfacher sein, Code wie diesen zu schreiben:

Startseite

Über

Kontakt

5.Haupt-DIV für den gesamten Seiteninhalt
Es muss ein Haupt-DIV vorhanden sein, das den gesamten Inhalt enthält. Es ist praktisch, die Breite des Körpers, die Ränder usw. festzulegen.
6.Wichtiger Inhalt zuerst
Schreiben Sie zuerst den Hauptinhalt und dann den sekundären Inhalt. Wenn Ihre Navigation oder Seitenleiste nicht sehr wichtig ist, schreiben Sie sie am besten zuletzt.
7.Gemeinsamer Inhalt ENTHALTEN
Führen Sie gemeinsame Teile wie Navigation und Seitenfuß durch dynamische Aufrufe ein, wie z. B. PHPs Include.

8.Code ist in Abschnitte unterteilt
Eingerückter Code
9. Richtige Endtags
Achten Sie auf die Schlusstags
10.Hierarchie der Header-Tags
Verwenden Sie Header-Tags wie ~ an geeigneten Stellen, um Absätze zu unterteilen. 11. Inhalt, Inhalt, InhaltVerwenden Sie geeignete Tags und Logo-Codes, verwenden Sie &Kopie, um © anzugeben, verwenden Sie nicht 12.Kein Styling!Schreiben Sie keine Stile auf Tags, HTML wird nur verwendet, um die Struktur auszudrücken. Überlassen wir die Leistung CSS.