Tra i nuovi tag semantici introdotti con HTML5 troviamo figure, usato per identificare elementi come diagrammi, illustrazioni, fotografie o esempi di codice. Questi elementi devono essere correlati al contenuto principale al fine di completarlo o come approfondimento ma devono, al tempo stesso, non essere strettamente necessari, ovvero deve essere possibile rimuoverli senza che la pagina perda di significato.
Il tag figcaption (opzionale) consente di aggiungere una didascalia per descrivere il contenuto di figure.
Di seguito alcuni esempi di utilizzo:
... <figure> <img src="diagram.png" alt="Diagramma d'esempio"> </figure> ...
... <figure> <img src="diagram.png" alt="Diagramma d'esempio"> <figcaption>Il diagramma rappresenta schematicamente bla bla bla...</figcaption> </figure> ...
... <figure> <code>alert("Hello!");</code> <figcaption>Esempio di codice JavaScript per la visualizzazione di un messaggio di tipo bloccante</figcaption> </figure> ...
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
C# 12: Cosa c'è di nuovo e interessante
Sostituire la GitHub Action di login su private registry
Inizializzare i container in Azure Container Apps
Gestire i null nelle reactive form tipizzate di Angular
Come EF 8 ha ottimizzato le query che usano il metodo Contains
Come migrare da una form non tipizzata a una form tipizzata in Angular
Le novità di Angular: i miglioramenti alla CLI
Cambiare la chiave di partizionamento di Azure Cosmos DB
Creare alias per tipi generici e tuple in C#
Sfruttare MQTT in cloud e in edge con Azure Event Grid
Eseguire attività pianificate con Azure Container Jobs
Utilizzare Azure AI Studio per testare i modelli AI