Grundlegende Einführung in HTML-Elemente

HTML-Dokumente werden durch HTML-Elemente definiert.

HTML-Elementsyntax

HTML-Element beginnt mit einem Start-Tag

HTML-Element endet mit einem End-Tag

Der Inhalt des Elements liegt zwischen dem Start Tag und dem End-Tag Inhalt zwischen

Einige HTML-Elemente haben leeren Inhalt

Leere Elemente werden im Eröffnungs-Tag geschlossen (enden mit dem Ende des Eröffnungs-Tags)

Groß Die meisten HTML-Elemente können das Attribut

haben. Hinweis: Mehr über Attribute erfahren Sie im nächsten Kapitel dieses Tutorials.

Verschachtelte HTML-Elemente

6546c17ab8c330e7d1e50803850f30b3-Element:

<p>This is my first paragraph.</p>

Dieses e388a4556c0f65e1904146cc1a846bee-Element definiert einen Absatz in einem HTML-Dokument.
Dieses Element hat einen Start-Tag e388a4556c0f65e1904146cc1a846bee und einen End-Tag 94b3e26ee717c64999d7867364b1b4a3. Der Inhalt des
-Elements ist: Dies ist mein erster Absatz.

Der 6c04bd5ca3fcae76e30b72ad730ca86d Element:

<p>This is my first paragraph.</p>

Das 6c04bd5ca3fcae76e30b72ad730ca86d-Element definiert den Textkörper des HTML-Dokuments.
Dieses Element hat ein Start-Tag 6c04bd5ca3fcae76e30b72ad730ca86d und ein End-Tag 36cc49f0c466276486e50c850b7e4956. Der Inhalt des
-Elements ist ein weiteres HTML-Element (das p-Element).

Das 100db36a723c770d327fc0aef2ce13b1-Element:

<p>This is my first paragraph.</p>

Das 100db36a723c770d327fc0aef2ce13b1-Element definiert das gesamte HTML-Dokument.
Dieses Element hat ein Start-Tag 100db36a723c770d327fc0aef2ce13b1 und ein End-Tag 73a6ac4ed44ffec12cee46588e518a5e. Der Inhalt des
-Elements ist ein weiteres HTML-Element (Body-Element).

Vergessen Sie nicht das schließende Tag

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

e388a4556c0f65e1904146cc1a846beeDies ist ein Absatz
e388a4556c0f65e1904146cc1a846beeDies ist ein Absatz

Das obige Beispiel kann auch normal im Browser angezeigt werden, da der schließende Tag 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.

0c6dc11e160d3b678d68754cc175188a ist ein leeres Element ohne schließendes Tag (0c6dc11e160d3b678d68754cc175188a 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. df250b2156c434f3390392d09b1c9563, ist die richtige Methode zum Schließen eines leeren Elements und wird von HTML, XHTML und XML akzeptiert.

Auch wenn 0c6dc11e160d3b678d68754cc175188a in allen Browsern gültig ist, ist die Verwendung von df250b2156c434f3390392d09b1c9563 tatsächlich eine längerfristige Garantie.

HTML-Tipp: Verwenden Sie Kleinbuchstaben

Bei HTML-Tags wird die Groß-/Kleinschreibung nicht beachtet: 64e5601d0a941f4972a2954192bdae18 entspricht e388a4556c0f65e1904146cc1a846bee. Viele Websites verwenden HTML-Tags in Großbuchstaben.

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

【Verwandte Empfehlungen】

1. Besondere Empfehlung: Version „php Programmer Toolbox“ V0.1 herunterladen

2 Video-Tutorial

3.

php.cn Original-HTML5-VideoTutorial

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