Gepaarte und Einzelne Tags

In HTML gibt es sowohl Paar-Tags als auch Einzel-Tags (auch bekannt als selbstschließende Tags oder leere Elemente). Jeder Typ hat einen bestimmten Zweck und eine eigene Funktion.

Paar-Tags

Paar-Tags bestehen aus öffnenden und schließenden Tags. Sie können den Inhalt umschließen und Elemente gruppieren, um einige Eigenschaften zu ändern oder Elemente nach Bedeutung zu sammeln.

Syntax:

Hier ist ein echtes Beispiel für die Verwendung von Paar-Tags:

In diesem Beispiel:

• <section>...</section>: gruppiert verwandte Inhalte zusammen;
• <h1>...</h1>: fügt eine Überschrift für den Abschnitt hinzu;
• <p>...</p>: enthält einen Absatz, der erklärt, dass die meisten HTML-Tags paarweise vorkommen.

Einzelne Tags

Einzelne Tags bestehen nur aus einem öffnenden Tag und keinem schließenden Tag. Sie werden verwendet, wenn der Tag keinen Inhalt benötigt oder wenn aller Inhalt und das Verhalten über Attribute festgelegt werden.

Syntax:

Hier ist ein echtes Beispiel für die Verwendung von einzelnen Tags:

Dieser Code enthält zwei Elemente:

• <input />: erstellt ein Texteingabefeld. Der placeholder=" name" zeigt einen Hinweis im Feld an;
• <img />: zeigt ein Bild von Früchten an.
  • alt="Fruits": Text, der angezeigt wird, wenn das Bild nicht geladen wird;
  • width und height: legen die Abmessungen des Bildes fest;
  • src: gibt die Bild-URL an.

Tag-Verschachtelung

Beim Verschachteln von Tags ist es wichtig, die Hierarchie einzuhalten, ähnlich wie bei Matrjoschka-Puppen. Jeder verschachtelte Tag sollte ordnungsgemäß innerhalb seines übergeordneten Tags eingeschlossen werden, während die Regeln der HTML-Syntax befolgt werden.

Hier ist ein Beispiel für verschachtelte Tags:

Betrachten wir das nächste gültige Beispiel:

Dieser Code zeigt einen Absatz mit einem Link und hervorgehobenem Text:

• <p>...</p>: umschließt den gesamten Absatz;
• <a href="https://privacy.com">...</a>: erstellt einen anklickbaren Link zur Datenschutzrichtlinie;
• <strong>...</strong>: macht das Wort "Website" fett, um es hervorzuheben.

Zusammenfassung

HTML besteht aus paarigen und einzelnen Tags, die jeweils unterschiedliche Zwecke erfüllen. Paarige Tags haben einen öffnenden und einen schließenden Tag, um Inhalte einzuschließen, während einzelne Tags selbstschließend sind. Das korrekte Verschachteln von Tags und das Befolgen der richtigen Hierarchie sind entscheidend für eine gut strukturierte HTML-Struktur.