HTML
Ongeldige elementen

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


Invoering

Niet alle HTML-tags hebben dezelfde structuur. Hoewel de meeste elementen een openingstag, een sluitingstag en inhoud vereisen, vereisen sommige elementen - bekend als ongeldige elementen - alleen een openingstag, omdat ze zelf geen elementen bevatten. In dit onderwerp wordt het juiste gebruik van ongeldige elementen in HTML uitgelegd en aangetoond

Opmerkingen

Een ongeldig element kan geen inhoud hebben maar wel attributen. Ongeldige elementen zijn zelfsluitend, dus ze mogen geen afsluitende tag hebben.

In HTML5 zijn de volgende elementen ongeldig:

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

Ongeldige elementen

HTML 4.01 / XHTML 1.0 Strict bevat de volgende ongeldige elementen:

  • area - klikbaar, gedefinieerd gebied in een afbeelding
  • base - specificeert een basis-URL waarvan alle links baseren
  • br - regeleinde
  • col - kolom in een tabel [verouderd]
  • hr - horizontale regel (lijn)
  • img - afbeelding
  • input - veld waar gebruikers gegevens invoeren
  • link - koppelt een externe bron aan het document
  • meta - geeft informatie over het document
  • param - definieert parameters voor plug-ins

HTML 5-standaarden omvatten alle niet-verouderde tags uit de vorige lijst en

  • command - staat voor een commando dat gebruikers kunnen oproepen [verouderd]
  • keygen - vergemakkelijkt het genereren van openbare sleutels voor webcertificaten [verouderd]
  • source - specificeert mediabronnen voor picture , audio en video elementen

Het onderstaande voorbeeld bevat geen lege elementen: 

<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>

Merk op dat elk element een openingstag, een sluitingstag en tekst of andere elementen in de opening- en sluitingstags heeft. Ongeldige tags worden echter in het onderstaande voorbeeld weergegeven: 

<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">

Met uitzondering van de img-tag hebben al deze ongeldige elementen alleen een openingstag. De img-tag heeft, anders dan elke andere tag, een zelfsluitende / vóór het groter dan-teken van de openingstag. Het is het beste om vóór de schuine streep een spatie te hebben.



Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow