Heim > Web-Frontend > HTML-Tutorial > Übersetzung: Wie man schönen HTML-Code schreibt_HTML/Xhtml_Webseitenproduktion

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

WBOY
Freigeben: 2016-05-16 16:43:25
Original
1446 Leute haben es durchsucht

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>
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.
    Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Empfehlungen
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage