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
Verwenden Sie CSS, um zwischen dem Dunkelmodus und dem Hellmodus zu wechseln
In der fünften Ausgabe von Web Skills wird ausdrü...
Detaillierte Erklärung der Listendarstellung von Vue
Inhaltsverzeichnis 1. v-for: Array-Inhalte durchl...
Detaillierte Erläuterung des Bereitstellungsprozesses von Docker Alibaba Cloud RocketMQ 4.5.1
Suchspiegel Docker-Suche Rocketmq Bildversion anz...
Verständnis und Anwendungsszenarien von Enumerationstypen in TypeScript
Inhaltsverzeichnis 1. Was ist 2. Verwendung Numer...
Detaillierte Analyse der untergeordneten und übergeordneten Vue-Komponenten
Inhaltsverzeichnis 1. Übergeordnete Komponenten u...
Mehrere Szenarien für die Verwendung des Nginx Rewrite-Moduls
Anwendungsszenario 1: Domänennamenbasierte Umleit...
Verwenden von Front-End-HTML+CSS+JS zum Entwickeln einer einfachen TODOLIST-Funktion (Notizblock)
Inhaltsverzeichnis 1. Kurze Einführung 2. Screens...
MySQL 4-Methoden zum Importieren von Daten
1. MySQL-Befehl importieren Die Importsyntax des ...
Vue-Projekt implementiert Löschfunktion durch Wischen nach links (vollständiger Code)
Ergebnisse erzielen Der Code lautet wie folgt htm...
mysql + mybatis implementiert gespeicherte Prozedur + Transaktion + gleichzeitigen Mehrfachabruf von Seriennummern
Gespeicherte Datenbankprozeduren DROP-VERFAHREN, ...
Diskussion zum Problem verstümmelter Zeichen in Iframe-Seitenparametern
Ich bin auf ein sehr ungewöhnliches Problem mit ve...
4 Prinzipien für sauberes und schönes Webdesign
In diesem Artikel werden diese 4 Prinzipien im Hi...
W3C Tutorial (14): W3C RDF und OWL Aktivitäten
RDF und OWL sind zwei wichtige semantische Webtec...
Detailliertes Tutorial zur Installation des Tomcat-Servers und zur Konfiguration von Umgebungsvariablen unter Win10 (Bild und Text)
Inhaltsverzeichnis Herunterladen und Installieren...
MYSQL METADATA LOCK (MDL LOCK) Theorie und Sperrtyptest
Inhaltsverzeichnis MYSQL METADATA LOCK (MDL LOCK)...