suchen

Heim >Web-Frontend >Front-End-Fragen und Antworten >Was sind die notwendigen Teile eines Standard-HTML-Dokuments?

Was sind die notwendigen Teile eines Standard-HTML-Dokuments?

青灯夜游
青灯夜游Original
2022-08-31 17:42:334201Durchsuche

Es gibt 5 notwendige Teile: 1. DOCTYPE-Deklaration, die verwendet wird, um dem Browser die Version des Markups mitzuteilen, das zum Schreiben der Seite verwendet wird; 2. HTML-Root-Element, das die Metadaten des Dokuments enthält und den Browser mit Informationen über die Seite versorgt 3. Kopf, der hauptsächlich Codierungsdeklarationen, Titel, Einbettung von Stylesheets usw. enthält; 4. Titelteil, der zum Definieren des Titels des Dokuments verwendet wird; dokumentieren.

Was sind die notwendigen Teile eines Standard-HTML-Dokuments?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

HTML-Dokument ist eine Beschreibung eines Dokuments. Es hat eine feste Struktur und ist in viele Teile unterteilt. Einige Elemente werden verwendet, um die grundlegenden Informationen des Dokuments zu beschreiben, und andere beschreiben die Struktur eines grundlegenden HTML-Dokuments: 

<!DOCTYPE html>
<html lang="en">
<head>
 <title>Your page title</title>
</head>
<body>
.....
</body>
</html>

Diese grundlegenden Komponenten bestimmen die Gliederung und das Durchsuchen des HTML-Dokuments.

Was sind die notwendigen Teile eines Standard-HTML-Dokuments?

Sie können die 5 notwendigen Teile eines Standard-HTML-Dokuments sehen

Deklarationsteil: DOCTYPE-Deklaration

DOCTYPE ist die Abkürzung für Dokumenttyp (Dokumenttyp).

Die Doctype-Deklaration ist kein HTML-Tag, sondern ein Dokumenttyp-Tag, eine Anweisung, die dem Browser mitteilt, in welcher Markup-Version die Seite geschrieben wurde.

Die Doctype-Deklaration ist eine standardmäßige Universal-Markup-Language-Dokumenttypdeklaration, die im Webdesign verwendet wird, um anzugeben, welche Version von XHTML oder HTML Sie verwenden.

Dieses Element teilt dem Browser zwei Dinge mit:

  • Es handelt sich um HTML-Dokumente.

  • Die HTML-Version, die zum Markieren des Inhalts des Dokuments verwendet wird.

Es ist sehr wichtig, den Doctype in allen HTML-Dokumenten anzugeben, damit der Browser den erwarteten Dokumenttyp versteht.

Hinweis:

  • -Tag hat kein schließendes Tag.

  • unterscheidet nicht zwischen Groß- und Kleinschreibung.

Gesamtanalyse: Alle Inhalte

Das HTML-Element ist das Stammelement, das dem Browser mitteilt, dass es sich um ein HTML-Dokument handelt. Das

-Tag ist das äußerste Element in einem HTML-Dokument. Das

-Tag ist ein Container für alle anderen HTML-Elemente (außer dem -Tag).

Die Funktion des Stammelements besteht darin, dem Browser mitzuteilen, dass der Inhalt zwischen vom Typ HTML ist, und der Browser analysiert den Inhalt als HTML. Das

html-Element verfügt über drei Attribute, nämlich das lang-Attribut, das xmlns-Attribut und das manifest-Attribut: Das

  • lang-Attribut gibt die vom Seiteninhalt verwendete Standardsprache an. Die Angabe der Sprache, in der das Dokument verfasst ist, hilft einem Sprachsynthesetool bei der Auswahl einer Aussprachesprache oder einem Übersetzungstool bei der Auswahl von Übersetzungsregeln. Beispielsweise bedeutet , dass dieses Dokument auf Chinesisch ist.

  • Das xmlns-Attribut weist den XML-Namespace zu. Das xmlns-Attribut ist in XHTML erforderlich, jedoch nicht in HTML.

  • Das Manifest-Attribut gibt die URL der offline zwischengespeicherten Datei an. HTML5 führt Anwendungs-Caching ein, was bedeutet, dass Webanwendungen zwischengespeichert und offline aufgerufen werden können. Beispielsweise bedeutet , dass die Offline-Cache-Datei waibo.manifest ist.

Head:

Das head-Element enthält Metadaten für das Dokument, die dem Browser Informationen über den Inhalt und das Markup des Dokuments bereitstellen, und kann auch Skripte und Zugriff auf externe Elemente enthalten Ressourcen (z. B. CSS-Stylesheet) Referenz.

Verschiedene Attribute und Informationen von HTML-Dokumenten werden im

-Element definiert.

Dokumenttitel: title

-Element wird verwendet, um den Titel des Dokuments zu definieren, der für alle HTML- oder XHTML-Dokumente gilt. <p></p> <title> Funktion des Elements: <p>1 Der Titel kann im Browser-Tab definiert werden. </p> <p>2. Sie können einen Titel für die Seite angeben, wenn Sie sie zu den Favoriten hinzufügen. </p> <p>3. Der Titel der Seite kann in Suchmaschinenergebnissen angezeigt werden. </p> <p>Beispiel: </p><pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文网</title> </head> <body> <p>正文的内容显示在浏览器窗口中。</p> <p>title元素的内容显示在浏览器标签，收藏夹和搜索引擎结果中。</p> </body> </html></pre><p><img src="https://img.php.cn/upload/article/000/000/024/5c18b92ec6088231.jpg" alt="Was sind die notwendigen Teile eines Standard-HTML-Dokuments?" ></p> <p><strong>Inhalt: </strong><br></p> <p>Der Hauptteil des Dokuments enthält Inhalte, die Besucher sehen können. </p> <p>Nachdem wir über diese Grundstruktur verfügen, können wir später nach und nach weitere HTML-Elemente hinzufügen, das Dokument kontinuierlich bereichern und schließlich die gewünschte Seite erhalten. </p> <p>Hinweis: </p> <p>In HTML 5 wurden alle speziellen Attribute von </p> entfernt. Aber das -Tag unterstützt Standardattribute in HTML 5:
Attribute Wert Beschreibung
Zugriffsschlüssel Zeichen Gibt die Tastenkombination für den Zugriff auf das Element an
Klasse classname Gibt den Klassennamen des Elements an (wird verwendet, um die Klasse im Stylesheet anzugeben).
contenteditable
  • true
  • false
 Gibt an, ob Benutzer Inhalte bearbeiten dürfen.
contextmenu menu_id Gibt das Kontextmenü des Elements an.
data-yourvalue value

Vom Ersteller definierte Eigenschaften.

Ersteller von HTML-Dokumenten können ihre eigenen Eigenschaften definieren.

Muss mit „data-“ beginnen.

dir
  • ltr
  • rtl
 Gibt die Textrichtung des Inhalts innerhalb des Elements an.
draggable
  • true
  • false
  • auto
 Gibt an, ob der Benutzer das Element ziehen darf.
hidden hidden gibt an, dass das Element irrelevant ist. Ausgeblendete Elemente werden nicht angezeigt.
id id Gibt die eindeutige ID des Elements an.
item
  • empty
  • url
 wird zum Kombinieren von Elementen verwendet.
itemprop
  • url
  • Gruppenwert
 für Gruppenelemente.
lang Sprachcode Gibt den Sprachcode des Inhalts im Element an.
Rechtschreibprüfung
  • true
  • false
 Gibt an, ob das Element auf Rechtschreibung oder Grammatik überprüft werden muss.
style style_definition Gibt den Inline-Stil des Elements an.
subject id gibt das dem Element entsprechende Element an.
tabindex number gibt die Reihenfolge der Tabulatortastensteuerung von Elementen an.
Titel Text Gibt zusätzliche Informationen zum Element an.

Verwandte Empfehlungen: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWas sind die notwendigen Teile eines Standard-HTML-Dokuments?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

html5 css html xhtml 命名空间 xml 样式表 搜索引擎
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Was ist ein Navigations-Tag in HTML5?Nächster Artikel：Was ist ein Navigations-Tag in HTML5?

In Verbindung stehende Artikel

Mehr sehen