Muss 4 Tags haben: 1. „“, eine Dokumenttypdeklaration einer standardmäßigen universellen Auszeichnungssprache. 2. „“, die verwendet wird, um den Browser darüber zu informieren, dass es sich um eine handelt HTML-Dokument; 3. „
“, das die Metadaten des Dokuments enthält 4. „“, das Inhalte enthält, die Besucher sehen können.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.
HTML5-Dokumente müssen 4 Tags haben
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 einige beschreiben die Dokumentstruktur. Das Folgende ist die Struktur eines grundlegenden HTML-Dokuments. Das HTML-Dokument beschreibt eine leere Seite Dokument und der Ausgangsumgebung des Browsers.
1. -TagDOCTYPE ist die Abkürzung für den Dokumenttyp.
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.
Es teilt dem Browser zwei Dinge mit:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> </head> <body> 文档内容...... </body> </html>
-Deklaration muss sich in der ersten Zeile im HTML5-Dokument befinden, also vor dem -Tag. Dieses Tag teilt dem Browser die vom Dokument verwendete HTML-Spezifikation mit.
Hinweis: Die Doctype-Deklaration ist kein HTML-Tag, sondern ein Dokumenttyp-Tag, bei dem es sich um eine Anweisung handelt.
Hinweis:
-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 Diese Head-Tags werden verwendet, um Metadaten über HTML-Dokumente (Daten, die Daten beschreiben) und die erforderlichen Verweise auf Ressourcen zu definieren (z. B. CSS-Stildateien, JavaScript-Skriptdateien) spielen eine sehr wichtige Rolle dabei, dass das Dokument im Browser korrekt angezeigt werden kann. Je nach Bedarf können wir eine große Menge an Metadaten im HTML-Header definieren oder wir können nur wenige oder gar keine Metadaten definieren. Obwohl das Head-Tag Teil des HTML-Dokuments ist, wird sein Inhalt nicht im Browser angezeigt. 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.
3. -Tag
Einfach ausgedrückt: Der Dokumentkörper enthält den Inhalt, den Besucher sehen können.
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.
<!DOCTYPE HTML>
Hinweis: In einer HTML-Datei kann nur ein
-Tag vorhanden sein.Erweitertes Wissen: Elemente, die im Head-Tag enthalten sein können
1,注意,在
在浏览器标题栏或者任务栏中显示标题;
当将页面添加到收藏夹(书签)时提供标题;
在搜索结果中显示页面标题。
下面的示例演示了如何在 HTML 文档中使用
<head> <meta charset="utf-8"> <title>php中文网-教程_手册_视频-免费php在线学习平台</title> </head>
2、
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title><base>标签演示</title> <base href="https://www.php.cn/"> </head> <body> <ul> <li><a href="course.html">视频教程</a></li> <li><a href="course/type/3.html">入门教程</a></li> </ul> </body> </html>
上面的示例中第一个
注意,HTML 文档中的
3、 标签
标签经常用于引用外部 CSS 样式表, 标签中包含两个主要的属性,分别是 rel 和 href。rel 属性用来指示引用文件的类型,href 属性用来设置外部文件的路径。示例代码如下:
<head> <title>此处书写标题</title> <link rel="stylesheet" href="common.css"> </head>
HTML
标签中可以包含任意数量的 标签。4、