Esempio
Utilizzare un <figure> elemento per marcare una foto in un documento:
<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
Prova tu stesso " Definizione e utilizzo
Il <figure> tag specifica il contenuto autonomo, come illustrazioni, diagrammi, foto, liste di codici, etc.
Mentre il contenuto del <figure> elemento è collegato al flusso principale, la sua posizione è indipendente dal flusso principale, e se rimosso non dovrebbe influenzare il flusso del documento.
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente l'elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <figure> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Differenze tra HTML 4.01 e HTML5
Il <figure> tag è nuovo in HTML5.
Suggerimenti e Note
Suggerimento: il <figcaption> elemento viene utilizzato per aggiungere una didascalia per l' <figure> elemento.
attributi globali
Il <figure> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
Il <figure> tag supporta anche l' evento Attributi in HTML .
Pagine correlate
Di riferimento HTML DOM: Figura Object
Impostazioni predefinite CSS
La maggior parte dei browser visualizzerà il <figure> elemento con i seguenti valori di default:
Esempio
figure {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
} Prova tu stesso "