Heim > Web-Frontend > Front-End-Fragen und Antworten > Aus welchen drei Teilen besteht ein Element in HTML5?

Aus welchen drei Teilen besteht ein Element in HTML5?

青灯夜游
Freigeben: 2022-04-25 13:35:24
Original
3419 Leute haben es durchsucht

Das Element in HTML5 besteht aus drei Teilen: Start- und End-Tags, Inhalt und Attributen. Die Syntax lautet „Inhalt“. Bei Tag-Namen muss die Groß-/Kleinschreibung nicht beachtet werden, aber bei Attributwerten muss die Groß-/Kleinschreibung beachtet werden. Eine kleine Anzahl von HTML-Tags verfügt nicht über ein separates End-Tag, sondern fügt „/“ zum Start-Tag hinzu, um es zu schließen.

Aus welchen drei Teilen besteht ein Element in HTML5?

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

Tags in HTML sind wie Schlüsselwörter. Das Tag steht beispielsweise für einen Absatz. Abhängig vom Tag zeigt der Browser den Inhalt des Tags auf unterschiedliche Weise an.

In der tatsächlichen Entwicklung nennen wir HTML-Tags manchmal auch HTML-Elemente.

Das Element in HTML5 besteht aus drei Teilen: Start- und End-Tags, Inhalt und Attribute. 开始和结束标签内容属性三部分组成。

大部分html元素以开始标签起始,以结束标签终止,少部分HTML元素没有单独的结束标签,使用“/”闭合。

元素的内容是开始标签与结束标签之间的内容。

标签的名称不区分大小写,但大多数属性的值需要区分大小写,如下所示:

	  属性
	   ↓
<div class="foo">php中文网</div>
 ↑                  ↑      ↑
开始标签            内容   结束标签
Nach dem Login kopieren

除了 class 属性外,开始标签中还可以包含其它属性信息,比如 id、title 等。

注意,虽然 HTML 标签在语法上不区分大小写,但是为了规范和专业,强烈建议在定义标签时一律采用小写。

当使用浏览器打开我们编写的 HTML 文档时,浏览器会从上到下依次读取文档中的内容,并根据 HTML 标签和属性将标签中的内容呈现在浏览器中。

一个 HTML 文档中必须具有一些基本的标签,以便浏览器区分普通文本和 HTML 文档。您可以根据想要实现的效果使用任意数量的标签,但有以下几点需要注意:

  • 所有 HTML 标签都必须放在尖括号< >内;

  • HTML 中不同的标签可以实现不同的效果;

  • 如果使用了某个标签,则必须使用对应的结束标签来结尾(自闭和标签除外)。

自闭和标签

有一些 HTML 标签没有单独的结束标签,而是在开始标签中添加/来进行闭合,这种标签称为自闭和标签。请看下面的例子:

<img src="/static/images/new/logo.png" alt="php中文网Logo" />  <!-- 图像 -->
<hr />  <!-- 分割线 -->
<br />  <!-- 文本换行 -->
<input type="text" placeholder="请输入内容" />  <!-- 文本输入框 -->
Nach dem Login kopieren

自闭和标签不用包围内容,所以不需要单独的结束标签。只有少部分 HTML 标签是自闭和的。

<!-- -->

Die meisten HTML-Elemente beginnen mit einem Start-Tag und enden mit einem End-Tag. Einige wenige HTML-Elemente haben kein separates End-Tag und werden mit „/“ abgeschlossen. Der Inhalt des

-Elements ist der Inhalt zwischen dem Start-Tag und dem End-Tag. Beim Namen des Tags wird die Groß-/Kleinschreibung nicht beachtet, aber bei den Werten der meisten Attribute muss die Groß-/Kleinschreibung beachtet werden, wie unten gezeigt:

rrreee🎜Zusätzlich zum Klassenattribut kann das Start-Tag auch andere enthalten Attributinformationen wie ID, Titel usw. 🎜🎜🎜Beachten Sie, dass bei HTML-Tags zwar in der Syntax nicht zwischen Groß- und Kleinschreibung unterschieden wird, aus Gründen der Standardisierung und Professionalität jedoch dringend empfohlen wird, bei der Definition von Tags immer Kleinbuchstaben zu verwenden. 🎜🎜🎜Wenn Sie das von uns geschriebene HTML-Dokument mit einem Browser öffnen, liest der Browser den Inhalt des Dokuments von oben nach unten und rendert den Inhalt im Tag im Browser basierend auf den HTML-Tags und -Attributen. 🎜🎜Ein HTML-Dokument muss über einige grundlegende Tags verfügen, damit der Browser zwischen gewöhnlichem Text und HTML-Dokumenten unterscheiden kann. Sie können eine beliebige Anzahl von Tags verwenden, je nachdem, welchen Effekt Sie erzielen möchten. Dabei sind jedoch einige Dinge zu beachten: 🎜
  • 🎜Alle HTML-Tags müssen sein an der Spitze platziert < >; verwendet werden, um zu enden (mit Ausnahme von Autismus und Etiketten). 🎜
🎜🎜Selbstschließende und Tags🎜🎜Es gibt einige HTML-Tags, die kein separates End-Tag haben, sondern / im Start-Tag hinzufügen, um es zu schließen Tag heißt selbstschließend und Etiketten. Sehen Sie sich bitte das folgende Beispiel an: 🎜rrreee🎜Das schließende Tag muss den Inhalt nicht umgeben, daher ist kein separates schließendes Tag erforderlich. Nur wenige HTML-Tags sind selbstschließend. 🎜🎜🎜<!-- --> stellt HTML-Kommentare dar, die zur Erläuterung des HTML-Codes verwendet werden. Der Browser ignoriert den Kommentarinhalt, sodass Benutzer die Kommentare auf der Webseite nicht sehen können 🎜🎜🎜 [Verwandte Empfehlungen: 🎜HTML-Video-Tutorial🎜, 🎜Web-Frontend🎜]🎜

Das obige ist der detaillierte Inhalt vonAus welchen drei Teilen besteht ein Element in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage