Einführung in das Layout des HTML-Seitenquellcodes_Powernode Java Academy

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

MySQL implementiert die Erhöhung oder Verminderung des angegebenen Zeitintervalls für alle Zeiten in der aktuellen Datentabelle (empfohlen)

Artikel

JavaScript verwendet setTimeout, um einen Countdown-Effekt zu erzielen

Einführung in das Layout des HTML-Seitenquellcodes_Powernode Java Academy

MySQL implementiert die Erhöhung oder Verminderung des angegebenen Zeitintervalls für alle Zeiten in der aktuellen Datentabelle (empfohlen)

JavaScript verwendet setTimeout, um einen Countdown-Effekt zu erzielen

Wissen Sie, wie man Mock in einem Vue-Projekt verwendet?

Mehrere häufig verwendete Single-Page-Anwendungswebsite-Sharing

Beispiel für die Bereitstellung eines Django-Projekts mit Docker

Vue implementiert das Hoch- und Herunterladen von Dateien

Beispiel für die Integration von Kafka mit Nginx

Beheben von Problemen beim Importieren und Exportieren von Mysql

Vue implementiert Video-Upload-Funktion

Lösen Sie das Problem der Containerverwaltung mit Docker Compose

Artikel empfehlen

Beispielcode zur Implementierung eines 3D-Bucheffekts mit CSS

Die Fallstricke beim Erlernen von Vue.js

Detaillierte Erklärung des daily_routine Beispielcodes in Linux

Lösung für den erfolgreichen Start von MySQL, aber ohne Überwachung des Ports

Detaillierte Erklärung der MySQL-Binlog-Verwendung

Detaillierte Erklärung zu MySQL-Phantomlesevorgängen und wie man sie eliminiert

Detaillierte Erklärung zu React Hooks

Schauen wir uns einige leistungsstarke Operatoren in JavaScript an

Details zur Verwendung von „order by“ in MySQL

Linux: Beispiel für das Bearbeiten des Start-, Stopp- und Neustartskripts für Springboot-JAR-Pakete

Zusammenfassung der Verwendung von vue Watch und Computed

Erstellen Sie eine virtuelle Servermaschine in VMware Workstation Pro (grafisches Tutorial)

Nginx-Server fügt benutzerdefinierte Systemd-Dienstprozessanalyse hinzu

Beispielcode eines CSS-responsiven Layoutsystems

So installieren Sie eine MySQL-Datenbank unter Ubuntu