HTML
Leere Elemente

Angular 2 AngularJS ASP.NET CSS Java Language JavaScript jQuery PHP Python Language twitter-bootstrap
Suche…


Einführung

Nicht alle HTML-Tags haben dieselbe Struktur. Während für die meisten Elemente ein öffnendes Tag, ein schließendes Tag und Inhalt erforderlich sind, benötigen einige Elemente - so genannte Void-Elemente - nur ein öffnendes Tag, da sie selbst keine Elemente enthalten. In diesem Thema wird die ordnungsgemäße Verwendung von leeren Elementen in HTML erläutert und veranschaulicht

Bemerkungen

Ein ungültiges Element kann keinen Inhalt haben, kann aber Attribute haben. Leere Elemente schließen sich selbst, sodass sie kein schließendes Tag haben dürfen.

In HTML5 sind die folgenden Elemente ungültig:

  • area
  • base
  • br
  • col
  • embed
  • hr
  • img
  • input
  • keygen
  • link
  • meta
  • param
  • source
  • track
  • wbr

Leere Elemente

HTML 4.01 / XHTML 1.0 Strict enthält die folgenden ungültigen Elemente:

  • area - anklickbarer, definierter Bereich in einem Bild
  • base - gibt eine Basis-URL an, von der alle Links ausgehen
  • br - line break
  • col - Spalte in einer Tabelle [veraltet]
  • hr - horizontale Linie (Linie)
  • img - Bild
  • input , in das Benutzer Daten eingeben
  • link - Verknüpft eine externe Ressource mit dem Dokument
  • meta - enthält Informationen zum Dokument
  • param - param Parameter für Plugins

HTML 5-Standards enthalten alle nicht veralteten Tags aus der vorherigen Liste und

  • command - stellt einen Befehl dar, den Benutzer aufrufen können [veraltet]
  • keygen - vereinfacht die Generierung öffentlicher Schlüssel für Webzertifikate [veraltet]
  • source - Gibt Medienquellen für picture , audio und video

Das folgende Beispiel enthält keine leeren Elemente: 

<div>
    <a href="http://stackoverflow.com/">
        <h3>Click here to visit <i>Stack Overflow!</i></h3>
    </a>
    <button onclick="alert('Hello!');">Say Hello!</button>
    <p>My favorite language is <b>HTML</b>. Here are my others:</p>
    <ol>
        <li>CSS</li>
        <li>JavaScript</li>
        <li>PHP</li>
    </ol>
</div>

Beachten Sie, dass jedes Element ein öffnendes Tag, ein schließendes Tag und Text oder andere Elemente in den öffnenden und schließenden Tags hat. Void-Tags werden jedoch im folgenden Beispiel gezeigt: 

<img src="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png" />
<br>
<hr>
<input type="number" placeholder="Enter your favorite number">

Mit Ausnahme des img-Tags haben alle diese leeren Elemente nur ein öffnendes Tag. Das img-Tag hat im Gegensatz zu allen anderen Tags ein selbstschließendes / vor dem Größer-als-Zeichen des öffnenden Tags. Es wird empfohlen, vor dem Schrägstrich ein Leerzeichen zu haben.



Modified text is an extract of the original Stack Overflow Documentation
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow