Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

Entwicklung & Design

Vokabular der HTML-Syntax: Warum „Tag“ zu 90 Prozent falsch verwendet wird

„Und dann fügst du das ‚rel="nofollow"-Tag‘ in die dritte Zeile ein.“ Das ist falsch – in diesem kleinen Guide zur HTML-Syntax lest ihr, warum.

Im Alltag eines Entwicklers werden gewisse Wörter und Begriffe ganz besonders oft benutzt, neben „Kaffee“ und diversen Flüchen bis hin zu DOM steht auch „Tag“ ganz oben. Dabei wird „Tag“ meistens völlig falsch benutzt und mit „Elementen“ oder gar „Attributen“ gleichgesetzt. Weil sich natürlich niemand durch riesige Dokumentationen wälzen möchte, zeige ich euch kurz und knapp das kleine Einmaleins der HTML-Syntax.

Schon in der heute nostalgischen aussehenden Spezifikation von HTML3.2 aus dem Barbie-Girl-Jahr 1997 wird von einem META-Element gesprochen. Mehr Informationen zu Elementen, Attributen und deren Werte findet ihr aber in der Spezifikation von HTML4.01, in der explizit von „Elementen“ und „Attributen“ gesprochen wird.

HTML-Syntax

In HTML gibt es eine Reihe von Elementtypen die wir nutzen können, um zum Beispiel Listen, Absätze, Hyperlinks oder Bilder abzubilden. Welche Elementtypen es genau gibt und in welchem Zusammenhang sie verwendet und auch verschachtelt werden dürfen, wird durch die Dokumenttyp-Definition (DTD) oder in einem spezifischen Schema festgelegt. In der Mitte der HTML-Syntax-Spezifikation von Version 4.01 findet ihr dieses Zitat:

Elements are not tags. Some people refer to elements as tags (e.g., „the P tag”). Remember that the element is one thing, and the tag (be it start or end tag) is another. For instance, the HEAD element is always present, even though both start and end HEAD tags may be missing in the markup

Um euch jetzt ein Durchkauen der gesamten Spezifikation von 4.01 zu ersparen, werde ich in diesem kleinen Guide zur HTML-Syntax darauf genauer eingehen.

HTML-Syntax: Element

Ganz einfach gesagt: Ein HTML-Element ist eine Instanz eines beliebigen Elementtyps, die von „Tags“ umschlossen wird.

<element>...</element>

HTML-Syntax: Tag

Der Inhalt eines Elements wird durch einen Start-Tag eingeleitet und durch einen End-Tag abgeschlossen. Somit ist <p> ein Start-Tag und </p> das End-Tag, das gesamte Konstrukt wird wiederum als Element bezeichnet.

Natürlich gibt es auch Elemente, die kein abschließendes Tag haben. Diese leeren Elemente werden auch mit einem sogenannten Leeren-Element-Tag abgeschlossen. Neben hr und br ist auch img ein solches Element.

<element>

HTML-Syntax: Attribute

Aber lasst uns gleich bei Bildern und dem img-Element bleiben. Um also ein Bild in eure HTML-Struktur einbauen zu können, platziert ihr ein img-Element und definiert die Bild-Quelle in einem Attribut und gebt gleichzeitig dessen Attributwert an:

<element attribut="attributwert"></element>

Das heisst also, dass ihr dem img-Element ein Attribut, nämlich src, anhängt – mit dem Wert dein-Bild.jpg. Konkret sieht das dann so aus:

<img src="dein-Bild.jpg" alt="Ich bin alternativ">

So einfach ist das – und ich hoffe, ich konnte das ein oder andere Missverständnis auflösen. In einem anderen Artikel könnt ihr übrigens lesen, wie ihr Fehler in eurer HTML-Syntax ausbessern könnt.

Welche Missverständnisse in Bezug auf HTML gibt es noch?

Bitte beachte unsere Community-Richtlinien

12 Reaktionen
EmaJohnson

Super Seite um das Coden zu lernen.

http://www.codecademy.com/

Antworten
jangze

@Daniel:
das, was du meinst sind einerseits Attributwerte und andererseits Textelemente.
Überhaupt sind Tags als (syntaktische) Repräsentationen von (allein logischen) Elementen zu sehen.

Antworten
Monoodock

Guten Tag! - kann man da nur sagen. Danke für die Info.

Antworten
Jörg

.. so kann man sich nicht untehralten :(

Antworten
Jörg

Ich hätte in der Beschreibung " " logischer gefunden..
Das Element ist ja die Instanz dieser "Tags".

die Tags :) wurden im Kommentar davor gelöscht

Antworten
Jörg

Ich hätte in der Beschreibung logischer gefunden..
Das Element ist ja die Instanz dieser "Tags".

Antworten
Philipp

DANKE! Ich schicke es mal rum :D

Antworten
reraiseace

Ob nun Tag oder Element ist nicht ganz so dramatisch. Der Unterschied zwischen Attribut und Tag bzw. Element ist viel wichtiger.

Antworten
Daniel

In meinen Augen ist (alleinstehender Tag) genauso ein Tag ist wie (Container-Tag). Ein Element ist entweder ein "" oder "Inhalt". Und genauso wird es von jedem vernünfigen XML-Parser behandelt. Zu sagen, ein allein stehender Tag ist kein Tag resultiert aus dem Missverständnis des Zitates.

Antworten
Mario Janschitz

Hallo @MI
Ganz richtig erkannt und soeben ausgebessert. Danke! :)

Auch ein Danke @Mario
Da hat mich der Editor gefuchst :)

Um die Frage zu beantworten:
meta ist ein Element genauso wie img, auch in der HTML4.01 Spezifikation. Der Tag selbst, ist natürlich ein Tag. Aber es wird von einem meta-Element oder einem img-Element gesprochen, jedenfalls laut Spezifikation. Siehe auch: http://www.w3.org/TR/html401/index/elements.html

Antworten
Mario

Außerdem: Wenn ihr über HTML schreibt, dann ist auch <element /> nicht richtig, da das nur für XHTML notwendig ist. Leere Elemente sind in HTML eben <element>, <meta …> , <img …> oder <br>

Auch ist bei leeren Elementen ohne Attribute die Unterscheidung zwischen Tag und Element nicht direkt möglich.

Gruß

Antworten
MI

Hallo Mario,

so weit, so gut und richtig ... aber warum soll kein Tag sein? Natürlich heißt es meta-Element (oder META-Element), aber es heißt <meta>-Tag. ist ein Leeres-Element-Tag, das schreibst du ja auch selbst.

Viele Grüße,
MI

Antworten

Melde dich mit deinem t3n-Account an oder fülle die unteren Felder aus.

Abbrechen

Finde einen Job, den du liebst