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
Beispiel zum Erstellen und Ausführen mehrerer MySQL-Container in Docker
1. Verwenden Sie das Image mysql/mysql-server:lat...
Lösen Sie das Problem des MySql8.0-Prüfungsfehlers der Transaktionsisolationsebene
Inhaltsverzeichnis MySql8.0 Fehler bei der Transa...
vue cli3 implementiert die Schritte der Verpackung nach Umgebung
Das mit CLI3 erstellte Vue-Projekt wird als Nullk...
Beispiel für die Konvertierung von Webpack-Bildern in Base64
URL-Loader herunterladen yarn add -D URL-Lader Mo...
Beispiel für die Implementierung einer Komponente mit fester Unterseite in Vue
Inhaltsverzeichnis 【Wirkung】 【Implementierungsmet...
Detailliertes Tutorial zum Ausführen von Tomcat im Debugmodus im IDEA Maven-Projekt
1. Fügen Sie die folgenden Abhängigkeiten in pom....
MySQL-Datenbankoptimierung: Detaillierte Erläuterung der Sharding-Operationen für Tabellen und Datenbanken
Dieser Artikel veranschaulicht anhand von Beispie...
Vue implementiert Funktionen zum Hinzufügen, Löschen und Ändern des lokalen Speichers
In diesem Artikelbeispiel wird der spezifische Co...
Detaillierte Erklärung des Docker Compose-Orchestrierungstools
Docker Compose Docker Compose ist ein Tool zum De...
Grundsätze und Nutzungsdetails für MySQL 8.0-Benutzer- und Rollenverwaltung
Dieser Artikel beschreibt die Benutzer- und Rolle...
Tutorial-Diagramm zur Installation des MySQL-Dienstes über MySQL Installer unter Windows
MYSQL bietet offiziell eine Installer-Methode zum...
Erklären Sie kurz die Verwendung von „group by“ in SQL-Anweisungen
1. Übersicht Gruppieren nach bedeutet, Daten nach...
Detaillierte Erläuterung verschiedener Möglichkeiten zur Installation von CMake unter Ubuntu
apt installiere CMake sudo apt installiere cmake ...
Das WeChat Mini-Programm nutzt Simultanübersetzung zur Implementierung der Spracherkennung
Ich verwende die Funktion zur Spracherkennung mit...
Methoden für JavaScript-String-Objekte
Inhaltsverzeichnis Methoden des String-Objekts Me...