1. Tags
Tags gibt es in verschiedenen Typen. Zum einen gibt es einzelne und paare. Am häufigsten begegnen dir paarige Tags. Und, wie du wahrscheinlich schon erraten hast, kommen sie immer im Paar. Sie werden auch öffnender und schließender genannt.
Der öffnende Tag — das ist einfach nur ein Schlüsselwort in spitzen Klammern.
<tag>
Beispiel:
<h1>
Der schließende Tag ähnelt dem öffnenden, aber vor dem Schlüsselwort steht ein Schrägstrich.
</tag>
Beispiel:
</h1>
Der öffnende Tag ist immer der erste im Paar. Es KANN NICHT zuerst der schließende Tag und danach der öffnende kommen. Ein solches HTML-Dokument wird als ungültig angesehen.
2. Tag-Baum
Und noch eine wichtige Info über paarige Tags: Es gibt viele davon in einem Dokument, und sie können geschachtelt sein. Das bedeutet, dass jeder Text im HTML-Dokument von Tags umgeben (umhüllt) sein kann, selbst wenn er andere Tags enthält. Beispiel:
<html>
Normaler Text
<a href="http://codegym.cc/about">
Link zu etwas Interessantem
</a>
noch irgendwie ein Text
</html>
Grob gesagt kann es in einem HTML-Text eine Sequenz von Tags geben:
<h1> <h2> </h2> </h1>
Aber nicht:
<h1> <h2> </h1> </h2>
Wenn der öffnende Tag <h2> innerhalb eines Paares von <h1>-Tags steht, dann muss auch der dazugehörige schließende Tag </h2> innerhalb des gleichen Paares von <h1>-Tags stehen.
So formen alle Tags im Dokument eine Art Tag-Baum. Zuerst kommt der Tag der obersten Ebene, der das gesamte Dokument umschließt, normalerweise heißt er <html>, er hat Kinder-Tags, diese wiederum ihre eigenen, und so weiter.
Im Wesentlichen sieht ein Programm, das ein Dokument mit Tags verarbeitet, es genau so — als einen Tag-Baum mit verschachteltem Text.
3. Einzelne Tags
Leerer Tag
Wenn ein Tag keinen Inhalt hat, sieht er normalerweise so aus:
<tag> </tag>
Für solche Tags wurde eine spezielle kompakte Schreibweise erfunden:
<tag/>
Beachte, dass sich dieser Tag vom schließenden Tag unterscheidet — der Schrägstrich steht an seinem Ende. Das ist einfach nur eine verkürzte Schreibweise eines leeren Tag-Paares. Man nennt ihn deshalb auch leeren Tag.
Einzelne Tags
Allerdings gibt es in HTML auch spezielle einzelne Tags. Sie haben keinen schließenden Tag. Die Liste solcher Tags wird durch den HTML-Standard definiert. Beispiele:
<br>— Zeilenumbruch;<hr>— Trennlinie;<img>— Bild.
Insgesamt gibt es 14 davon, die Hälfte sind Dienst-Tags, und die andere Hälfte stammt noch aus der ersten Version von HTML. Solche Tags versucht man jetzt möglichst nicht mehr einzuführen.
GO TO FULL VERSION