Per la maggior parte degli elementi HTML, inizi con un tag di apertura e finisci con un tag di chiusura. Tra questi due tag, viene visualizzato il contenuto dell'elemento. Per esempio:
<p> Questo è il testo c
L'elemento paragrafo semplice mostra come vengono utilizzati un tag di apertura e uno di chiusura. La maggior parte degli elementi HTML segue lo stesso schema, ma diversi tag HTML non includono né un tag di apertura né uno di chiusura.
Cos'è un elemento vuoto?
Gli elementi void o i tag singleton in HTML non richiedono un tag di chiusura per essere validi. Questi elementi di solito sono quelli che stanno da soli sulla pagina o in cui la fine del loro contenuto è evidente dal contesto della pagina stessa.
L'elenco degli elementi vuoti HTML
Diversi tag HTML 5 sono elementi void. Quando scrivi HTML valido, dovresti lasciare la barra finale per questi tag come mostrato di seguito. La barra finale è richiesta, tuttavia, per XHTML valido.
- <area>: Utilizzato per l'area all'interno di una mappa immagine.
- <base>: L'URL di base per tutti gli URL relativi in un documento. Non può essercene più di uno per documento e deve essere in testa alla pagina.
- <br>: Un'interruzione di riga, spesso utilizzata nel contenuto di testo per creare un'interruzione di riga singola invece di un paragrafo. Non dovrebbe essere utilizzato per creare una separazione visiva su una pagina impilando molti tag <br>, perché quella funzione è un'esigenza visiva e quindi il dominio del CSS invece dell'HTML.
- <col>: Specifica le proprietà della colonna per ogni colonna all'interno di un elemento <colgroup>.
- <Command>: Specifica un comando che un visitatore può invocare.
- <embed>: Utilizzato con applicazioni esterne e contenuto interattivo per l'integrazione.
- <Hr>: Una riga orizzontale, che è una linea retta su una pagina. In molti casi, i bordi CSS creano linee di separazione invece di questo elemento HTML.
- <img>: Uno degli elementi cavallo di battaglia dell'HTML, questo è il tag immagine. Viene utilizzato per aggiungere immagini grafiche a una pagina Web.
- <Input>: Un elemento del modulo utilizzato per acquisire informazioni dai visitatori. Esistono numerosi tipi di input validi, dal comune input di "testo" utilizzato da anni nei moduli ad alcuni nuovi tipi di input che fanno parte di HTML5.
- <keygen>: Questo tag crea un campo generatore di coppie di chiavi utilizzato per i moduli.
- <Link>: Da non confondere con il tag "hyperlink" o anchor (<a>), questo collegamento serve per impostare il collegamento tra un documento e una risorsa esterna. Usalo per collegarti a un file CSS esterno, ad esempio.
- <Meta>: I metatag sono "informazioni sul contenuto". Si trovano nell'intestazione di un documento e vengono utilizzati per trasmettere le informazioni della pagina al browser. Ci sono molti diversi meta tag che puoi usare su una pagina web.
- <param>: Utilizzato per definire i parametri per i plugin.
- <source>: Questo tag ti consente di specificare percorsi di file alternativi per i media sulla tua pagina, inclusi video, immagini o file audio.
- <track>: Questo tag imposta una traccia da utilizzare con un file multimediale, un video o un audio, che vengono spesso aggiunti con i tag <video> o <audio>.
- <wbr>: Sta per Word Break Opportunity. Specifica dove in un blocco di testo sarebbe accettabile aggiungere un'interruzione di riga.