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

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

Artikel empfehlen

MySQL-Limit-Leistungsanalyse und -Optimierung

1. Fazit Syntax: Limit-Offset, Zeilen Schlussfolg...

Online- und Offlineinstallation von Docker und allgemeine Befehlsvorgänge

1. Testumgebung Name Version centos 7.6 Docker 18...

Techniken zur Wiederverwendung von HTML

HTML-Wiederverwendung ist ein Begriff, der selten ...

Grafisches Tutorial zur Installation von JDK1.8 unter CentOS7.4

Schritte zur Linux-Installation von JDK1.8 1. Übe...

Zusammenfassung der Grundkenntnisse und Vorgänge der MySQL-Datenbank

Dieser Artikel erläutert anhand von Beispielen di...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.25

Es gibt zwei Arten von MySQL-Installationsdateien...

Lösung für den Fehler, dass IE6 select nicht durch div abgedeckt werden kann

Verwenden Sie div, um eine Maske zu erstellen oder...

Eine Untersuchung des JS-Operators im Problem

Die Sache ist: Jeder kennt „Speicherlecks“. Es gi...

So ändern Sie Farben und Designs in Vim unter Linux

Vim ist ein Texteditor, den wir unter Linux sehr ...

So verwenden Sie Makros in JavaScript

In Sprachen werden häufig Makros zur Implementier...