Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Einführung in HTML-Elemente

Detaillierte Einführung in HTML-Elemente

高洛峰
高洛峰Original
2017-03-22 14:36:461368Durchsuche

HTML-Dokumente werden durch HTML-Elemente definiert.


HTML-Element

开始标签 * 元素内容 结束标签 *

这是一个段落

这是一个链接

   

Das *-Start-Tag wird oft als Öffnungs-Tag bezeichnet, und das End-Tag wird oft als Schluss-Tag bezeichnet.


HTML-Elementsyntax

  • HTML-Elemente beginnen mit -Tags , beginnend mit


  • HTML-Elemente werden durch das schließende Tag


  • abgeschlossen Der Inhalt des -Elements ist der Inhalt zwischen dem Start-Tag und dem End-Tag


  • Einige HTML-Elemente haben leeren Inhalt


  • Das leere Element wird im öffnenden Tag geschlossen (endet mit dem Ende des öffnenden Tags)


  • Die meisten HTML-Elemente können das Attribut

haben Kommentare: Mehr über Eigenschaften erfahren Sie im nächsten Kapitel dieses Tutorials.


Verschachtelte HTML-Elemente

HTML-Dokumente bestehen aus verschachtelten HTML-Elementen.


Beispiel für ein HTML-Dokument





Dies ist mein erster Absatz.




Das obige Beispiel enthält drei HTML-Elemente.


HTML-Beispielanalyse

Das

-Element:

Dies ist mein erster Absatz.

Das

-Element definiert einen Absatz in einem HTML-Dokument.
Dieses Element hat ein Start-Tag

und ein End-Tag

.
Der Elementinhalt lautet: Dies ist mein erster Absatz.

Das -Element:


Dies ist mein erster Absatz.


Das -Element definiert den Hauptteil des HTML-Dokuments.
Dieses Element verfügt über ein Eröffnungs-Tag und ein End-Tag .
Der Elementinhalt ist ein weiteres HTML-Element (das p-Element).

Das -Element:




Dies ist mein erster Absatz.




Das -Element definiert das gesamte HTML-Dokument.
Dieses Element hat ein Eröffnungs-Tag und ein End-Tag .
Der Elementinhalt ist ein weiteres HTML-Element (das Body-Element).


Vergessen Sie nicht das Schluss-Tag

Selbst wenn Sie vergessen, das schließende Tag zu verwenden, zeigen die meisten Browser den HTML-Code korrekt an:

Dies ist ein Absatz

Dies ist ein Absatz

Das obige Beispiel wird auch im Browser einwandfrei angezeigt, da das Schließen des Tags optional ist.

Aber verlassen Sie sich nicht auf diesen Ansatz. Wenn Sie vergessen, ein schließendes Tag zu verwenden, kann dies zu unvorhersehbaren Ergebnissen oder Fehlern führen.


Leeres HTML-Element

Ein HTML-Element ohne Inhalt wird als leeres Element bezeichnet. Leere Elemente werden im öffnenden Tag geschlossen.


ist ein leeres Element ohne schließendes Tag (
Tag-Definition umschließt).

In XHTML, XML und zukünftigen Versionen von HTML müssen alle Elemente geschlossen sein.

Das Hinzufügen eines Schrägstrichs im öffnenden Tag, z. B.
, ist die richtige Methode zum Schließen eines leeren Elements und wird von HTML, XHTML und XML akzeptiert.

Obwohl
in allen Browsern funktioniert, ist die Verwendung von
auf lange Sicht tatsächlich sicherer.


HTML-Tipp: Verwenden Sie Kleinbuchstaben-Tags

Bei HTML-Tags wird die Groß-/Kleinschreibung nicht beachtet:

entspricht

. Viele Websites verwenden HTML-Tags in Großbuchstaben.

W3CSchool verwendet Tags in Kleinbuchstaben, da das World Wide Web Consortium (W3C) die Verwendung von Kleinbuchstaben in HTML 4 empfiehlt und diese in zukünftigen (X)HTML-Versionen obligatorisch verwenden wird Kleinbuchstaben.

Weitere Informationen

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in HTML-Elemente. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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