Per la maggior parte degli elementi HTML, quando scrivi il codice HTML per visualizzarli su una pagina, inizi con un tag di apertura e termina con un tag di chiusura. Tra questi due tag sarebbe il contenuto dell'elemento. Per esempio:
Questo è il contenuto del testo
Quel semplice elemento di paragrafo mostra come utilizzare un tag di apertura e chiusura. La maggior parte degli elementi HTML segue questo stesso modello, ma esistono numerosi tag HTML che non hanno sia un tag di apertura che di chiusura.
Cos'è un elemento Void?
Gli elementi void o i tag singleton in HTML sono quei tag che non richiedono che un tag di chiusura sia valido. Questi elementi sono di solito quelli che si trovano da soli sulla pagina o dove la fine del loro contenuto è evidente dal contesto della pagina stessa.
L'elenco di elementi Void HTML
Esistono diversi tag HTML 5 che sono elementi vuoti. Quando scrivi un codice HTML valido, devi lasciare la barra finale per questi tag: questo è ciò che viene mostrato di seguito. Se stai scrivendo XHTML, sarebbe necessaria la barra finale.
- utilizzato per l'area all'interno di una mappa immagine
- l'URL di base per tutti gli URL relativi in un documento. Non ci può essere più di 1 di questi per documento e deve essere nel della pagina
- questa è l'interruzione di riga, spesso utilizzata nel contenuto del testo per creare un'interruzione di riga singola anziché un paragrafo. Questo non dovrebbe essere usato per creare una separazione visiva su una pagina raggruppandone molti tag poiché è un'esigenza visiva e quindi il dominio dei CSS
- specifica le proprietà della colonna per ogni colonna all'interno di a
elemento
- specifica un comando che può essere richiamato da un utente
- una regola orizzontale, che è una linea retta su una pagina. In molti casi, i bordi CSS vengono utilizzati per creare linee di separazione anziché questo elemento HTML
- uno degli elementi del workhorse dell'HTML, questo è il tag dell'immagine. È usato per aggiungere immagini grafiche a una pagina web.
- Un elemento del modulo utilizzato per acquisire informazioni dai visitatori. Esistono numerosi tipi di input validi, dall'input "testo" comune che è stato utilizzato in moduli per anni, ad alcuni nuovi tipi di input che fanno parte di HTML5
- Questo è usato per dettare un campo generatore di chiavi-chiave che viene utilizzato per i moduli
- Da non confondere con il tag "hyperlink" o anchor (), questo collegamento serve per impostare la linea tra un documento e una risorsa esterna. Lo useresti per collegare a un file CSS esterno, per esempio
- i meta tag sono "informazioni sul contenuto". Si trovano nel di un documento e utilizzato per trasmettere informazioni sulla pagina al browser. Ci sono molti possibili meta tag che puoi usare su una pagina web
- utilizzato per definire i parametri per i plugin
- questo tag consente di specificare percorsi di file alternativi per i media sulla tua pagina, compresi video o immagini o file audio
- questo è l'acronimo di Word Break Opportunity. Specifica dove in un testo sarebbe accettabile aggiungere un'interruzione di riga.
Ancora una volta, questi tag singleton sono un'eccezione alla regola rispetto alla regola poiché la maggior parte degli elementi HTML, infatti, ha bisogno di un tag di apertura e chiusura. Di questi elementi singleton, alcuni userete molto spesso (come img, meta o input), mentre altri sono quelli che potreste non aver mai bisogno di usare nel vostro lavoro di web design (keygen, wbr e command sono tre elementi che sono certamente non comune sulle pagine web). Ancora, comune o raro nelle pagine HTML, è utile avere familiarità con questi tag e sapere qual è l'idea dietro i tag Singleton HTML. Puoi usare questa lista come riferimento per il tuo sviluppo web.
Articolo originale di Jennifer Krynin. A cura di Jeremy Girard il 5/5/17.
