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 kann keine nicht aggregierten Spalten auswählen
1. Einleitung Ich habe mein Blog kürzlich aktuali...
Detaillierte Erklärung der Zeit- und Datumsverarbeitung von moment.js
Konvertierung des Zeitformats von Montag auf Sonn...
Vue implementiert Tab-Tab-Umschaltung
In diesem Artikelbeispiel wird der spezifische Co...
Einführung in die Verschachtelungsregeln von HTML-Tags
Es gibt viele XHTML-Tags: div, ul, li, dl, dt, dd...
IE8 Beta 1 hat zwei Bereiche, die Ihre Aufmerksamkeit erfordern
<br />Verwandte Artikel: Web-Kenntnisse: Lös...
Analyse und Lösungen für Probleme bei der Verwendung von Label-Tags
Ich habe kürzlich bei einer bestimmten Aufgabe das...
Docker-Bereitstellung - Nginx-Implementierungsprozess - Grafik und Text - detaillierte Erläuterung
1. Laden Sie nginx herunter [root@localhost my.Sh...
Beispielcode für horizontales Balkendiagramm von Echarts Bar
Inhaltsverzeichnis Horizontales Balkendiagramm Da...
WeChat-Applet + ECharts zur Realisierung eines dynamischen Aktualisierungsprozesses
Vorwort Kürzlich stieß ich auf eine Anforderung, ...
Reines CSS, um den Listen-Pulldown-Effekt auf der Seite zu erzielen
Möglicherweise sehen Sie häufig den folgenden Eff...
Details zur Verwendung von Bimface in Vue
Inhaltsverzeichnis 1. Installieren Sie das Vue-Ge...
jQuery implementiert das Klicken auf die linke und rechte Schaltfläche zum Wechseln von Bildern
In diesem Artikelbeispiel wird der spezifische Co...
setup+ref+reactive implementiert Vue3-Reaktionsfähigkeit
Das Setup wird zum Schreiben kombinierter APIs ve...
Detaillierte Erklärung zur Konfiguration einer statischen IP in Centos8
Nach der Installation von CentOS 8 wird beim Neus...
Detaillierte Erläuterung der elastischen CSS3-Erweiterungsbox
verwenden Flexible Boxen spielen beim Front-End-L...