HTML-Grundstruktur_Powernode Java Academy

Wenn wir lernen, Webseiten zu entwickeln, ist das Erste, was uns beeindruckt, oft die Webseite, die mit dem Suffix html oder htm endet. Wir klassifizieren diese Art von Webseite als statische Webseite, mit Ausnahme von pseudostatischen Webseiten.

Was ist also der Unterschied zwischen HTML oder HTM und anderen Webseiten, die mit Suffixen wie PHP, ASP, ASPX, JSP usw. enden?

Zunächst einmal sind HTML-Seiten statisch. Von Anfang bis Ende gibt es keine Programmausführung. Sie bestehen aus reiner HTML-Sprache. Sie werden direkt an den Browser gesendet und dem Betrachter präsentiert, ohne vom Server verarbeitet zu werden.
Webseiten, die mit anderen Suffixen enden, sind relativ dynamische Webseiten. Dynamische Seiten werden vom Server durch entsprechende Programmübersetzung und Datenbankoperationen verarbeitet, und dann sendet der Browser das verarbeitete Datenprogramm an den Benutzer. Die Inhaltsdaten der Webseite können sich mit den Hintergrunddaten ändern.

Was ist also die grundlegende Sprachstruktur von HTML?

Schauen wir uns zunächst die HTML-Struktur an:

 <html>  
<Kopf>  
<title>Platzieren Sie den Artikeltitel</title>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> //Dies ist die Kodierung der Webseite, jetzt ist es gb2312 
<meta name="Schlüsselwörter" content="Schlüsselwörter" />  
<meta name="description" content="Beschreibung dieser Seite oder Stichwortbeschreibung" /> 
</Kopf> 
<Text> 
Dies ist der Hauptinhalt</body> 
</html>

Vollständiges HTML umfasst HTML-DOCTYPE-Deklaration, Titel, Kopf, Webseiten-Codierungsdeklaration usw.

Zunächst mit vollständigem HTML-Quellcode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 0 Transitional//DE"
 "http://www.org/TR/xhtml1/DTD/xhtml1-transitionaldtd"> 
<html xmlns="http://wwwwwworg/1999/xhtml"> 
<Kopf> 
<meta http-equiv="Inhaltstyp" content="text/html; charset=utf-8" /> 
<title>Titelteil - Power-Knoten</title> 
<meta name="Schlüsselwörter" content="Schlüsselwörter" />  
<meta name="description" content="Beschreibung dieser Seite oder Stichwortbeschreibung" /> 
</Kopf> 
<Text> 
Inhalt</body> 
</html>

Die neueste vollständige HTML-Struktur - HTML-Quellcode (empfohlen):

<!DOCTYPE html>  
<html lang="de"> 
<Kopf> 
<meta charset="utf-8"> 
<title>Titel der Webseite</title> 
<meta name="Schlüsselwörter" content="Schlüsselwörter" /> 
<meta name="description" content="Beschreibung dieser Seite" /> 
</Kopf> 
<Text> 
Inhalt der Webseite</body> 
</html>

Unabhängig davon, ob es sich um HTML oder eine dynamische Seite mit anderen Suffixen handelt, ist die Struktur der HTML-Sprache dieselbe, endet jedoch bei der Benennung der Webseitendatei mit einem anderen Suffix.

1. Unabhängig davon, ob es sich um eine dynamische oder statische Seite handelt, beginnt sie mit „<html>“ und endet mit „</html>“ am Ende der Webseite.

2. Nach „<html>“ kommt der Seitenkopf „<head>“. Der Inhalt in <head></head> kann im Browser nicht angezeigt werden. Dies ist der Bereich für den Server, den Browser, externes JS für Links, einen CSS-Stil für Links usw., und der Titel der Webseite wird in „<title></title>“ platziert.

3. Der Inhalt dieser beiden Tags „<meta name="keywords" content="Keywords" /> <meta name="description" content="Beschreibung dieser Seite oder Keyword-Beschreibung" />“ dient Suchmaschinen dazu, die Keywords dieser Seite und den Hauptinhalt dieser Webseite usw. zu sehen, was für SEO verwendet werden kann.

4. Als nächstes folgt der Haupttext „<body></body>“, der oft als Body-Bereich bezeichnet wird. Der hier platzierte Inhalt kann Benutzern über den Browser präsentiert werden. Der Inhalt kann im Tabellenlayoutformat, im DIV-Layoutformat oder als direkter Text vorliegen. Dies ist zugleich der wichtigste Bereich, nämlich der Bereich zur Inhaltspräsentation der Webseite.

5. Es endet mit „</html>“, was bedeutet, dass die Webseite geschlossen ist.

Das Obige stellt die vollständige und einfachste Grundstruktur der HTML-Sprache dar. Sie können damit weitere Stile und Inhalte hinzufügen, um die Webseite zu bereichern.
Hinweis: Bei Webseiten muss im Allgemeinen jedes Tag gemäß dem XHTML-Standard geschlossen werden, z. B.: beginnend mit <html> und endend mit </html>; wenn kein Abschluss vorhanden ist, z. B. <meta name="keywords" content="Keywords" />, gibt es kein </meta>, sodass <meta /> erforderlich ist, um den Abschluss zu vervollständigen.

Das Obige ist die einfachste HTML-Sprachstruktur in Laiensprache. Wenn Sie umfangreichere HTML-Sprachstrukturen sehen möchten, können Sie die Webseite einer Website öffnen, dann im Browser auf „Anzeigen“ klicken und dann auf „Quellcode anzeigen“, um die HTML-Sprachstruktur der Webseite anzuzeigen. Auf diese Weise können Sie die HTML-Sprachstruktur und den Inhalt dieser Webseite anhand des Quellcodes analysieren.

<<: Grafisches Tutorial zum Herunterladen, Installieren und Konfigurieren von MySQL 8.0.22.0

>>: Einige wunderbare Verwendungsmöglichkeiten von URL-Objekten in JavaScript

js, um die Produktionsmethode des Karussells zu realisieren

Detaillierte Erklärung zum Kompilieren und Installieren von MySQL 5.6 auf CentOS und zum Installieren mehrerer MySQL-Instanzen

Artikel

Der Prozess der Installation von Docker im Linux-System

Lösung für das Problem, dass nach dem Domänennamen zwei Schrägstriche // erscheinen, wenn nginx für den Domänennamenzugriff konfiguriert ist

Ich habe vor Kurzem meine persönliche Website neu...

HTML-Grundstruktur_Powernode Java Academy

js, um die Produktionsmethode des Karussells zu realisieren

CSS Sticky Footer Mehrere Implementierungen

Analyse des Parameterübertragungsprozesses des Treibermoduls in Linux

Beispiel für das Einrichten einer Whitelist in Nginx mithilfe des Geomoduls

Lassen Sie uns über die Merkmale und Isolationsstufen von MySQL-Transaktionen sprechen

Detaillierte Erklärung zum Kompilieren und Installieren von MySQL 5.6 auf CentOS und zum Installieren mehrerer MySQL-Instanzen

Der Prozess der Installation von Docker im Linux-System

Next.js – Erste Schritte-Tutorial

Detaillierte Erklärung der scp- und sftp-Befehle unter Linux

MySQL8.0-Installationsprozess unter Centos7 in VMware Workstation16 und Navicat-Remoteverbindung

Artikel empfehlen

jQuery implementiert verschachtelte Tab-Funktion

Beispiel für CSS3 zum Erzielen eines Div-Ein- und Ausschiebens von unten nach oben

Windows CVE-2019-0708: Problem bei der Reproduktion der Sicherheitslücke bei der Codeausführung auf Remotedesktop

Lösung für das Problem, dass nach dem Domänennamen zwei Schrägstriche // erscheinen, wenn nginx für den Domänennamenzugriff konfiguriert ist

Tipps zur HTML-Formatierung und langen Dateien für das Webdesign

Erfahrung in der Gestaltung einer mehrschichtigen Benutzeroberfläche im Webdesign

Beispielcode zur Implementierung transparenter Verlaufseffekte mit CSS

Mit CSS3 implementierte Schaltfläche zum Hovern von Bildern

Eine kurze Diskussion über die Definition und Vorsichtsmaßnahmen von H-Tags

Lösung für Fremdschlüsselfehler bei der MySQL-Tabellenerstellung

Zusammenfassung der Verwendung von setTimeout() in JavaScript

Analyse des Konfigurationsprozesses zur Installation von MariaDB basierend auf Docker

js implementiert das Umschalten von Bildern per Maus (ohne Timer)

Beispiel für die Installation von nginx in einem angegebenen Verzeichnis

Einführung in TypeScript-Schnittstellen