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
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Evitare la script injection nelle GitHub Actions
Generare file per il download da Blazor WebAssembly
Utilizzare le Cache API di JavaScript per salvare elementi nella cache del browser
Applicare il versioning ai nostri endpoint ASP.NET Core Minimal API
Registrare servizi multipli tramite chiavi in ASP.NET Core 8
Creare moduli CSS in React
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Usare una container image come runner di GitHub Actions
Come migrare da una form non tipizzata a una form tipizzata in Angular
Sfruttare al massimo i topic space di Event Grid MQTT
Short-circuiting della Pipeline in ASP.NET Core