Einführung in das Layout des HTML-Seitenquellcodes Diese Einführung verwendet als Beispiel den Screenshot des Quellcodes der Google-Startseite: Von oben nach unten: <!DOCTYPE html> Dieses Tag teilt dem Browser mit, welche HTML- oder XHTML-Spezifikation das Dokument verwendet. XHTML-Spezifikation: muss klein geschrieben sein, Start- und End-Tags haben und Attribute müssen außerdem in doppelte Anführungszeichen gesetzt werden. HTML-Spezifikation: keine Groß-/Kleinschreibungsabhängigkeit, hat Start- und End-Tags und das End-Tag kann innerhalb des Start-Tags platziert werden, z. B.: <input type='text' />. Attribute können doppelte oder einfache Anführungszeichen verwenden (müssen paarweise verwendet werden). HTML-Knoten: Der Stammknoten der HTML-Seite. In diesem Knoten werden die Codeinformationen der Seite abgelegt. <head> -Knoten: Kopfknoten. Enthält die folgenden untergeordneten Knoten: <mete> -Tag: Bietet Metainformationen der Seite, wie etwa Seitenschlüsselwörter; <title> -Tag: der Titel der Seite; <script> -Tag: speichert im Allgemeinen CSS- und JavaScript-Codes; <Body> -Knoten: Seiteninhaltsbereich, der HTML-Elementinformationen speichert <Div> -Tag: speichert verschiedene Elementsteuerelemente. <script> -Tag: Da die HTML-Seite von oben nach unten geladen wird, wird der Inhalt nicht nach dem Laden auf einmal angezeigt, sondern während des Ladens. Das Platzieren von „Skript“ nach dem Textkörper entspricht der Angabe, dass der Code in diesem Skript die Elemente im Textkörper aufruft. Wenn es im Head-Tag platziert wird, wurden beim Ausführen dieses Skriptcodes die Elemente im Textkörper noch nicht geladen und die erforderlichen Elementinformationen können nicht abgerufen werden. Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. |
<<: So verwalten Sie mehrere Projekte auf dem CentOS SVN-Server
>>: Grafisches Tutorial zum Herunterladen, Installieren und Konfigurieren von MySQL 8.0.22
1. Fazit Syntax: Limit-Offset, Zeilen Schlussfolg...
Wenn Sie unter Linux eine Anwendung herunterladen...
1. Verbindung zwischen Docker-Containern Docker i...
1. Testumgebung Name Version centos 7.6 Docker 18...
Mysql5.5 Dual-Maschine-Hot-Standby Durchführung I...
HTML-Wiederverwendung ist ein Begriff, der selten ...
Schritte zur Linux-Installation von JDK1.8 1. Übe...
Dieser Artikel erläutert anhand von Beispielen di...
Es gibt zwei Arten von MySQL-Installationsdateien...
Verwenden Sie div, um eine Maske zu erstellen oder...
Die Sache ist: Jeder kennt „Speicherlecks“. Es gi...
1. Der CSS-Stil löst das Problem der Anzeige von ...
Vim ist ein Texteditor, den wir unter Linux sehr ...
Inhaltsverzeichnis Status Quo Lösung Weitere Lösu...
In Sprachen werden häufig Makros zur Implementier...