imported>APPERbot: Bot: Syntaxhighlight: Sprache html4strict nach html korrigiert, siehe H:SYH

2023-06-19T15:56:57Z

Bot: Syntaxhighlight: Sprache html4strict nach html korrigiert, siehe H:SYH

Neue Seite

Ein '''Element''' ist eine Struktureinheit (''Knoten'') in einem durch eine [[Auszeichnungssprache]] ([[Standard Generalized Markup Language|SGML]], [[XML]], [[Hypertext Markup Language|HTML]], [[XHTML]], [[HTML5]]) repräsentierten ''Informationsbaum''. Es besteht aus dem Element-Bezeichner, den Element-Eigenschaften (''[[Attribut (Auszeichnungssprache)|Attributen]]'') und dem Element-Inhalt. Elemente werden durch Tags repräsentiert.

== Beschreibung ==
Ein ''Element'' dient zum [[Textauszeichnung|Auszeichnen]] von Text, um ihm eine Struktur zu geben. Ein Element wird durch einen ''[[Tag (Informatik)|Tag]]'' (‚Etikett, Markierung‘) dargestellt:
<syntaxhighlight lang="xml">
<Bezeichner>Inhalt</Bezeichner>
</syntaxhighlight>
Das Element ist hierbei <code>Bezeichner</code>, welches durch den Start-Tag (öffnenden Tag) <code><Bezeichner></code> sowie dem End-Tag (schließenden Tag) <code></Bezeichner></code> gebildet wird. Der Bezeichner vom Start-Tag und End-Tag muss gleich lauten. Den Inhalt bildet der umschlossene Text:
<syntaxhighlight lang="xml">
<Name>Johann Gottfried Seume</Name>
</syntaxhighlight>
Der Inhalt kann auch weitere Elemente und Texte enthalten.
<syntaxhighlight lang="xml">
<Name>
<Vorname>Johann Gottfried</Vorname>
<Nachname>Seume</Nachname>
</Name>
</syntaxhighlight>
Leer-Elemente sind Elemente, die keinen Text und weiteren Elemente enthalten.
<syntaxhighlight lang="xml">
<Leer></Leer>
</syntaxhighlight>
In Web-[[SGML]]<ref>{{Internetquelle |url=http://www.din.de/en/getting-involved/standards-committees/nia/standards/wdc-beuth:din21:27363641 |titel=ISO 8879 Technical Corrigendum 2:1999-11 |werk=www.din.de |abruf=2016-11-09}}</ref>, [[XML]]<ref>{{Internetquelle |url=https://www.w3.org/TR/2008/PER-xml-20080205/ |titel=Extensible Markup Language (XML) 1.0 (Fifth Edition) |werk=www.w3.org |abruf=2016-12-04}}</ref> und [[XHTML]] können Leer-Elemente mit dem Leer-Tag (engl. ''Empty Element Tag'') gekennzeichnet werden. Der Leer-Tag entspricht in der Syntax einem Start-Tag, welcher mit der Zeichenfolge <code>/></code> beendet wird.
<syntaxhighlight lang="xml">
<Leer/>
</syntaxhighlight>
In SGML und [[Hypertext Markup Language|HTML]] wird ein Leer-Element mit einem Start-Tag gebildet. Nur Elemente
* deren Inhaltsmodell in der [[Dokumenttypdefinition|DTD]] mit EMPTY (leer) deklariert ist oder
* deren End-Tags in der DTD als minimierbar (engl. ''End Tag Minimization'') deklariert sind oder
* deren Elemente als mögliche Leer-Elemente zugelassen sind (nur [[Html|HTML]] Version 5)
sind als Leer-Elemente zulässig. Der End-Tag wird einfach weggelassen:
<syntaxhighlight lang="xml">
<Leer>
</syntaxhighlight>
Zusätzliche Eigenschaften werden mit [[Attribut (Auszeichnungssprache)|Attributen]] einem Element zugeordnet werden. Die [[Attribut (Auszeichnungssprache)|Attribute]] werden nach dem Element-Bezeichner innerhalb des Start-Tags oder Leer-Tags angegeben.
<syntaxhighlight lang="xml">
<Elementname Attributname="Attributwert">
</syntaxhighlight>
Ein [[Attribut (Auszeichnungssprache)|Attribut]] besteht aus einer Zuweisung <code>Attributname="Attributwert"</code> (Eigenschaftsname=Eigenschaftswert). Der Attributwert wird in doppelten <code>"..."</code> oder einfachen <code>'...'</code> Anführungszeichen gesetzt.
<syntaxhighlight lang="xml">
<img src="bild.jpg"/>
</syntaxhighlight>
Mehrere [[Attribut (Auszeichnungssprache)|Attribute]] werden getrennt mit Separatorzeichen (Leerzeichen, [[Tabulatorzeichen]], Zeilenumbrüche) aufgelistet:
<syntaxhighlight lang="xml">
<img src="bild.jpg" title="Abbildung"/>
</syntaxhighlight>
In [[XML]], [[XHTML]] und [[HTML5|HTML]] (Version 5) müssen die Paare, bestehen aus Zuweisungen von Attributname und Attributwert, stets vollständig angegeben. Die Attributwerte müssen stets in Anführungszeichen gesetzt werden.
In [[SGML]] und [[Hypertext Markup Language|HTML]] (Version 1 bis 4) ist die vollständige Angabe ebenfalls stets zulässig. Allerdings sind hier, abhängig von der DTD, auch Vereinfachungen möglich.

== Besonderheiten ==

=== SGML ===

Bei SGML kann mit der Deklaration definiert werden, wie Elemente aussehen sollen (sie müssen nicht notwendigerweise in spitzen Klammern stehen). Ebenso kann die Beachtung der Groß-/Kleinschreibung und das Vorhandensein von Start- bzw. Endtag (Tag-Minimierung) eingestellt werden. Als EMPTY deklarierte Elemente ''dürfen kein''en Endtag haben. Die Darstellung der Attribute kann ebenfalls mit der Deklaration definiert werden. Attribute können z. B. dergestalt minimiert sein, dass nur der Wert des Attributs angegeben wird.

=== XML ===

Bei [[Extensible Markup Language|XML]] müssen alle geöffneten Elemente auch wieder geschlossen werden. Die Groß-/Kleinschreibung wird stets beachtet. Attribute müssen immer als Name-/Wert-Paar angegeben werden.

Inhaltsleere Elemente können in XML mit dem Leer-Tag, Kennzeichen <code>/></code>, angegeben werden:
<syntaxhighlight lang="xml">
<colspec colwidth="10*"/>
</syntaxhighlight>

=== HTML (Version 1 bis 4) ===

Manche [[Hypertext Markup Language|HTML]]-Elemente müssen nicht explizit geschlossen werden (z. B. <code><nowiki></nowiki></code>). Das liegt daran, dass HTML eine Anwendung von SGML ist, in der Tag-Minimierung aktiviert wird, die in der [[Dokumenttypdefinition]] (DTD) festgelegt wird. Ebenso können manche Attribute einfach durch ihren Inhalt angegeben werden.

Leer-Tags werden in folgender Form angegeben:
<syntaxhighlight lang="xml">
<img src="bild.jpg">
</syntaxhighlight>
Die Tag-Minimierung ist aktiviert, d. h. nicht jedes Element muss explizit geschlossen werden:
<syntaxhighlight lang="html">
Das ist der erste Absatz
Das ist der zweite Absatz
</syntaxhighlight>

=== XHTML ===
In [[XHTML]] werden Leer-Elemente werden in der XML-Syntax dargestellt:
<syntaxhighlight lang="xml">
<img src="bild.jpg"/>
</syntaxhighlight>
Eine Tag-Minimierung ist nicht möglich, jedes Element muss explizit geschlossen werden:
<syntaxhighlight lang="html">
Das ist der erste Absatz
Das ist der zweite Absatz
</syntaxhighlight>

=== HTML (Version 5) ===
In [[HTML5]] werden Leer-Elemente werden wie in SGML und HTML (Version 1–4) angegeben:
<syntaxhighlight lang="xml">
<img src="bild.jpg">
</syntaxhighlight>
Für bestimmte Elemente gibt es eine Art Tag-Minimierung wie in SGML. Hier für das Element <code><nowiki><li></nowiki></code> dargestellt
<syntaxhighlight lang="html">
<ul>
<li>Das ist der erste Listeneintrag
<li>Das ist der zweite Listeneintrag
</ul>
</syntaxhighlight>

== Anwendungsbeispiel HTML (Version 4) ==
HTML benutzt bis Version HTML 4 auch Optimierungen von SGML, die es ermöglichen, Dokumente stark vereinfacht darzustellen (z. B. mit der Optimierung SHORTTAG). So ist z. B. das Folgende ein komplettes, dem Standard entsprechendes HTML-Dokument ([[Datei]]), verglichen mit dem kompletten Parse-Baum (vollständige Struktur im [[Browser]]):
{| class="wikitable"
!HTML-Dokument
!vollständiger Parse-Baum
|-
|
<syntaxhighlight lang="text">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title>HTML-Beispiel</>
<p/Das ist ein Textabsatz./
</syntaxhighlight>
|
<syntaxhighlight lang="html">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>HTML-Beispiel</title>
</head>
<body>
Das ist ein Textabsatz.
</body>
</html>
</syntaxhighlight>
|}
Hierbei werden implizit folgende Ergänzungen vorgenommen:
* Durch das Öffnen des <code>title</code>-Elements wird das <code>html</code>- sowie <code>head</code>-Element geöffnet.
* Das title-Element wird durch die Zeichenkette <code></</code> wieder beendet.
* Durch das Öffnen eines Elements des Textkörpers (<code>body</code>) wird dieser implizit geöffnet und zuvor auch der Kopf (<code>head</code>) geschlossen.
* Das Start-Tag des <code>p</code>-Elements wird durch den ersten Schrägstrich (<code>/</code>) beendet. Der nächste Schrägstrich schließt das <code>p</code>-Element.
* Das Ende des Dokuments beendet den Textkörper sowie das <code>html</code>-Element.

== Siehe auch ==
* [[SGML]]
* [[XML]]
* [[Html|HTML]]
* [[XHTML]]
* [[HTML5]]
* [[Markup]]

== Einzelnachweise ==
<references />

[[Kategorie:SGML]]
[[Kategorie:XML]]

Element (Auszeichnungssprache) - Versionsgeschichte

imported>APPERbot: Bot: Syntaxhighlight: Sprache html4strict nach html korrigiert, siehe H:SYH