So schreiben Sie schönen HTML-Code
|
So sieht schöner HTML-Code aus. So schreiben Sie schönen HTML-Code. Ein von einem Ausländer verfasster Artikel: So sieht schöner HTML-Code aus. Wie man schönen HTML-Code schreibt scheint sehr gut geschrieben zu sein, deshalb habe ich ihn erneut gepostet und mit Ihnen geteilt: ps: Ursprüngliche Adresse: http://css-tricks.com/what-beautiful-html-code-looks-like/ 1. DOCTYPE richtig deklariert Vergessen Sie nicht die Header-Deklaration, die dem Browser mitteilt, wie Ihr HTML gerendert werden soll. 2. Aufgeräumter Kopfbereich Legen Sie Titel und Zeichensatz fest. Verknüpfen Sie CSS und JS mit externen Links (auch einem CSS zum Drucken). 3.Körper identifiziert Geben Sie der Leiche eine ID. Der vom Autor hier genannte Grund besteht darin, die Auswahl von Containern auf mehreren Seiten zu erleichtern. Wenn Sie beispielsweise für BODY auf Seite1 und Seite2 unterschiedliche IDs festlegen, können Sie über #Seite1 h2 und #Seite2 h2 zwei unterschiedliche Effekte festlegen. Ich denke, dass dies von der Situation und der spezifischen Architektur abhängt. 4. Semantisch sauberes Menü Schreiben Sie semantischen Menücode. <div id="menu">5.Haupt-DIV für alle Seiteninhalte Es sollte ein Haupt-DIV geben, das den gesamten Inhalt enthält. Es ist praktisch, die Breite, Ränder usw. des Motivs festzulegen. 6. Wichtige Inhalte zuerst Schreiben Sie zuerst den Hauptinhalt und dann den sekundären Inhalt. Wenn Ihre Navigation oder Seitenleiste nicht so wichtig ist, schreiben Sie sie am besten zuletzt. 7. Gemeinsame Inhalte enthalten Importieren Sie allgemeine Teile wie Navigation und Fußzeile durch dynamische Aufrufe, etwa PHP-Includes. 8.Code ist in Abschnitte unterteilt Code einrücken 9. Richtige End-Tags Beachten Sie das schließende Tag 10.Hierarchie der Header-Tags Verwenden Sie Überschriften-Tags wie <h1>~<h6>, um Absätze gegebenenfalls zu unterteilen. 11. Inhalt, Inhalt, Inhalt Verwenden Sie entsprechende Etiketten und Zeichencodes, verwenden Sie & copy; um © anzuzeigen, und verwenden Sie nicht </br> 12.Kein Styling! Fügen Sie keine Stile in Tags ein. HTML dient nur zur Darstellung der Struktur. Überlassen Sie die Leistung CSS.  |
<<: Schneller Einstieg in die Teleport-Komponenten und Verwendungssyntax von VUE 3
Artikel empfehlen
Nginx verwendet Lua+Redis, um IP dynamisch zu blockieren
1. Hintergrund Bei unserer täglichen Website-Wart...
Detaillierte Schritte zum Starten des Django-Projekts mit nginx+uwsgi
Wenn wir ein Webprojekt mit Django entwickeln, wi...
So verwenden Sie VUE, um die Ali Iconfont-Bibliothek online aufzurufen
Vorwort Vor vielen Jahren war ich ein Neuling auf...
Lösungen für Probleme bei der Leistungsoptimierung von MySQL-Indizes
Die von MySQL erstellte Optimierung besteht im Hi...
Detaillierte Erklärung zur Verwendung der Vue-Verifizierungscode-Komponente
In diesem Artikelbeispiel wird der spezifische Im...
Webentwickler sind besorgt über die Koexistenz von IE7 und IE8
Ich habe heute IE8 installiert. Als ich auf die M...
Vue realisiert den Card-Flip-Effekt
In diesem Artikelbeispiel wird der spezifische Co...
Lösung für den MySQL-Root-Passwortfehler Nummer 1045
MySQL-Dienst stoppen Klicken Sie in Windows mit d...
vue+el-upload realisiert den dynamischen Upload mehrerer Dateien
vue+el-upload Dynamischer Upload mehrerer Dateien...
Detaillierte Erklärung zum CSS-Randkollaps
Vorherige Das ist eine klassische alte Frage. Da ...
Detaillierte Erläuterung der Schritte zur Verwendung von ElementUI in tatsächlichen Projekten
Inhaltsverzeichnis 1. Selbstsortierung der Tabell...
Zusammenfassung der 16 XHTML1.0- und HTML-Kompatibilitätsrichtlinien
1. Vermeiden Sie es, die Seite als XML-Typ zu dek...
Eine kurze Analyse des HTML-Space-Codes
Wie gut kennen Sie sich mit HTML aus? Wenn Sie jet...
Zusammenfassung häufiger Probleme mit MySQL-Indizes
F1: Welche Indizes hat die Datenbank? Was sind di...
Nginx' praktische Methode zur Lösung domänenübergreifender Probleme
Trennen Sie Front- und Backend und lösen Sie domä...