HTML
Inga element

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


Introduktion

Inte alla HTML-taggar har samma struktur. Medan de flesta element kräver en öppningstagg, en stängningstagg och innehåll, kräver vissa element - kända som ogiltiga element - bara en öppningstagg eftersom de själva inte innehåller några element. Detta ämne förklarar och demonstrerar korrekt användning av ogiltiga element i HTML

Anmärkningar

Ett tomt element kan inte ha något innehåll men kan ha attribut. Void-element är självstängande, så de får inte ha en stängningstagg.

I HTML5 är följande element ogiltiga:

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

Inga element

HTML 4.01 / XHTML 1.0 Strict innehåller följande tom element:

  • area - klickbart, definierat område i en bild
  • base - anger en bas-URL från vilken alla länkar baseras
  • br - line break
  • col - kolumn i en tabell [utgått]
  • hr - horisontell regel (linje)
  • img - bild
  • input - fält där användare anger data
  • link - länkar en extern resurs till dokumentet
  • meta - ger information om dokumentet
  • param - definierar parametrar för plugins

HTML 5-standarder inkluderar alla icke-avskrivna taggar från föregående lista och

  • command - representerar ett kommando som användare kan åberopa [föråldrad]
  • keygen - underlättar offentlig nyckelgenerering för webbcertifikat [utgått]
  • source - anger mediekällor för picture , audio och video element

Exemplet nedan inkluderar inte ogiltiga element: 

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

Lägg märke till hur varje element har en öppningstagg, en stängningstagg och text eller andra element i öppnings- och stängningstaggarna. Void-taggar visas dock i exemplet nedan: 

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

Med undantag för img-taggen har alla dessa ogiltiga element bara en öppningstagg. Till skillnad från någon annan tagg har img-taggen en självstängande / före den större än tecknet för öppnings taggen. Det är bäst att ha ett utrymme före snedstrecket.



Modified text is an extract of the original Stack Overflow Documentation
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow