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
Sfruttare lo streaming di una chiamata Http da Blazor
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
.NET Conference Italia 2023
Effettuare lo stream della risposta in ASP.NET Core tramite IAsyncEnumerable
Evitare il flickering dei componenti nel prerender di Blazor 8
Utilizzare Tailwind CSS all'interno di React: installazione
Miglioramenti agli screen reader e al contrasto in Angular
Creazione di plugin per Tailwind CSS: espandere le Funzionalità del Framework
Eseguire query verso tipi non mappati in Entity Framework Core
Aggiungere interattività lato server in Blazor 8
Sfruttare i KeyedService in un'applicazione Blazor in .NET 8
Miglioramenti nell'accessibilità con Angular CDK