English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento HTML

Completo elenco dei tag HTML

HTML: <figure> etichetta

L'elemento HTML <figure> rappresenta un contenuto indipendente, spesso utilizzato insieme alla didascalia <figcaption> e come unità di riferimento indipendente. Quando appartiene al flusso principale del contenuto, la sua posizione è indipendente dal corpo principale. Questo tag viene spesso utilizzato per immagini, illustrazioni, tabelle, segmenti di codice e altro, che, quando trasferiti in appendici o altre pagine, non influenzano il corpo principale.

Esempio online

Usa l'elemento <figure> per marcare un'immagine all'interno del documento:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>Base Tutorial Website (oldtoolbag.com)</title> 
</head>
<body>
<figure>
  <img src="views.png" alt="views" width="304" height="228">
</figure>
</body>
</html>
Testa e vediamo ‹/›

Compatibilità del browser

IEFirefoxOperaChromeSafari

IE 9、Firefox、Opera、Chrome e Safari supportano il tag <figure>.

注释:IE 8 o versioni precedenti di IE non supportano l'etichetta <figure>.

Definizione e istruzioni per l'uso delle etichette

L'etichetta <figure> definisce un contenuto di flusso indipendente (immagini, grafici, foto, codice ecc.).

Il contenuto dell'elemento <figure> dovrebbe essere correlato al contenuto principale, e la posizione dell'elemento rispetto al contenuto principale è indipendente. Se rimosso, non dovrebbe influenzare il flusso del documento.

 Di solito, <figure> è un'immagine, un'illusione, un grafico, un frammento di codice ecc., citato nel flusso principale del documento, ma può essere spostato a una parte diversa del documento o in un appendice senza influenzare il flusso principale.

 Puoi associare un titolo all'elemento <figure> inserendo <figcaption> (come primo o ultimo elemento figlio), il primo <figcaption> trovato nella figura viene visualizzato come titolo della figura.

Differenze tra HTML 4.01 e HTML5

L'etichetta <figure> è una nuova etichetta HTML 5.

Suggerimenti e avvertenze

Suggerimento:<figcaption> L'elemento viene utilizzato per definire un titolo per l'elemento <figure>.

Proprietà globali

Supporto <figure> etichetta Proprietà globali HTML.

Proprietà degli eventi

Supporto <figure> etichetta Proprietà degli eventi HTML.