HTML
Elementi vuoti

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


introduzione

Non tutti i tag HTML hanno la stessa struttura. Mentre la maggior parte degli elementi richiede un tag di apertura, un tag di chiusura e un contenuto, alcuni elementi, noti come elementi void, richiedono solo un tag di apertura poiché essi stessi non contengono alcun elemento. Questo argomento spiega e dimostra l'uso corretto degli elementi void in HTML

Osservazioni

Un elemento void non può avere alcun contenuto ma può avere attributi. Gli elementi vuoti si chiudono automaticamente, quindi non devono avere un tag di chiusura.

In HTML5 , i seguenti elementi sono nulli:

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

Elementi vuoti

HTML 4.01 / XHTML 1.0 Strict include i seguenti elementi di annullamento:

  • area - area cliccabile, definita in un'immagine
  • base : specifica un URL di base da cui tutti i collegamenti di base
  • br - line break
  • col - colonna in una tabella [deprecato]
  • hr - horizontal rule (line)
  • img - immagine
  • input - campo in cui gli utenti inseriscono i dati
  • link : collega una risorsa esterna al documento
  • meta : fornisce informazioni sul documento
  • param - definisce i parametri per i plugin

Gli standard HTML 5 includono tutti i tag non deprecati dall'elenco precedente e

  • command - rappresenta un comando che gli utenti possono invocare [obsoleto]
  • keygen - facilita la generazione di chiavi pubbliche per i certificati Web [deprecati]
  • source : specifica le origini multimediali per elementi di picture , audio e video

L'esempio seguente non include elementi void: 

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

Nota come ogni elemento ha un tag di apertura, un tag di chiusura e testo o altri elementi all'interno dei tag di apertura e chiusura. I tag vuoti, tuttavia, sono mostrati nell'esempio seguente: 

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

Ad eccezione del tag img, tutti questi elementi void hanno solo un tag di apertura. Il tag img, a differenza di qualsiasi altro tag, ha una chiusura automatica / prima del segno maggiore del tag di apertura. È consigliabile disporre di uno spazio prima della barra.



Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow