Heim > Artikel > Web-Frontend > Einführung in die Grundstruktur von HTML
Einführung in die Grundstruktur von HTML
- 迷茫Original
- 2017-03-25 12:23:452670Durchsuche
Die vorherigen Wörter
Ein vollständiges HTML-Dokument muss 3 enthalten Es gibt drei Teile: Dokumentdeklaration, Dokumentkopf und Dokumentkörper. Diese bilden die Grundstruktur von HTML. In diesem Artikel werden die Grundelemente, die das HTML-Grundgerüst bilden, ausführlich vorgestellt Struktur.
HTML Das-Element stellt den Stamm des HTML-Dokuments dar, und alle anderen Elemente sind Nachkommen dieses Elements. Die - und -Tags definieren die Start- und Endpunkte des Dokuments. Dazwischen liegen der Kopf und der Text des Dokuments. Der Kopf des Dokuments besteht aus head<code>>-Tag wird definiert, während der Body durch das head>-Tag
definiert wird HEAD
wird verwendet, um den Kopf des Dokuments zu definieren, der ein Container für alle Kopfelemente ist. ist größtenteils unsichtbar und beschreibt einige grundlegende Attribute und Informationen des Dokuments (darstellbar sind Titel und Symbol). Die Unterelemente unter dem Element umfassen hauptsächlich die sechs Elemente , <meta>, <title></title>, <base>, <link> und <style></style>. <script></script>
Der Titel des Dokuments, der das einzige erforderliche Element im Kopfabschnitt ist <title></title>
-Tag im Dokument weggelassen wird, Die meisten Browser erstellen automatisch ein -Element
stellt den Hauptinhalt des HTML-Dokuments dar. In jedem HTML-Dokument darf nur ein -Element vorhanden sein
chrome/firefox/safari/IE8+
margin:8px;
IE7-
margin:15px 10px;StrukturIm Sublime<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html> In der Praxis muss die Kopfstruktur des Dokuments häufig einige allgemeine Funktionen enthalten Da die HTML-Struktur komplexer ist, lautet die Struktur wie folgt: <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Document</title>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<meta name="viewport" content="width=device-width"/>
<link rel="stylesheet" href="5/style.css"/>
<link rel="shortcut icon" href="ico.ico"/>
</head>
<body>
</body>
</html>
Das obige ist der detaillierte Inhalt vonEinführung in die Grundstruktur von HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!