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
Docker-Overlay realisiert die Container-Kommunikation zwischen Hosts
Inhaltsverzeichnis 1. Docker-Konfiguration 2. Ers...
Detaillierte Erklärung zum Ändern des Standardstils der externen Komponente Vant basierend auf der Vue-CLI-Entwicklung
Inhaltsverzeichnis Vorwort 1. Weniger 2. Importie...
jQuery-Plugin zum Implementieren eines schwebenden Menüs
Lernen Sie jeden Tag ein schwebendes jQuery-Plug-...
Detaillierte Erklärung des JavaScript-Stacks und der Kopie
Inhaltsverzeichnis 1. Definition des Stapels 2. J...
Lösen Sie das Problem des Importierens von Webprojekten in Idea und deren Veröffentlichung in Tomcat
Idea importiert ein bestehendes Webprojekt und ve...
Beispiel für eine automatische Importmethode für das Vue3.0-Routing
1. Voraussetzungen Wir verwenden zum Importieren ...
Das WeChat-Applet realisiert den Neun-Quadrat-Rastereffekt
In diesem Artikel wird der spezifische Code für d...
Wie löst Vue das domänenübergreifende Problem des Axios-Request-Frontends?
Inhaltsverzeichnis Vorwort 1. Warum treten domäne...
Detaillierte Erläuterung der Implementierung gemeinsam genutzter Module in Angular-Projekten
Inhaltsverzeichnis 1. Gemeinsam genutztes CommonM...
Zusammenfassung der MySQL-Indexkenntnisse
Die Einrichtung eines MySQL-Index ist für den eff...
Probleme und Lösungen bei der Installation von Docker in der Alibaba Cloud
Frage Bei der Installation von Docker mithilfe de...
So stellen Sie mit Docker schnell einen Elasticsearch-Cluster bereit
In diesem Artikel werden Docker Container (orches...
Detaillierte Erklärung der Verwendung von Nginx proxy_redirect
Heute bin ich auf ein kleines Problem gestoßen, a...
So gehen Sie nach der MySQL-Tabellenpartitionierung problemlos online
Inhaltsverzeichnis Zweck der Tabelle Zum Beispiel...
Schnellstart der Vue3-Dokumentation
Inhaltsverzeichnis 1. Einrichtung 1. Der erste Pa...