Tra i nuovi tag semantici introdotti con HTML5 troviamo time, usato per definire un orario o una data.
Questo elemento consente al browser di identificare in modo formale uno specifico momento nella storia all'interno della pagina e risulta particolarmente utile per i motori di ricerca e per programmi automatici in grado ad esempio di aggiungere al calendario dell'utente un promemoria per un appuntamento o un compleanno.
Oltre agli attributi di tipo "global" di HTML5 (class, id, title, style, ecc.) supporta due attributi specifici:
- datetime: per specificare il valore esatto di data/ora; se omesso verrà utilizzato il testo contenuto nell'elemento time
- pubdate: per indicare che l'elemento time specifica la data di pubblicazione del documento o del contenuto di tipo article più prossimo nella gerarchia del DOM.
Di seguito alcuni esempio di utilizzo:
<p>Il nuovo orario di apertura dei nostri punti vendita è alle <time>10:30</time></p> <p>Non vedo l'ora che arrivi <time datetime="2012-12-25">Natale</time></p> <p>Questo script è stato pubblicato il <time pubdate="2012-05-23T06:00+00:00">23 maggio</time></p> <p>Il prossimo script di HTML5 verrà pubblicato <time datetime="2012-05-30T06:00+00:00">mercoledì prossimo</time></p>
Le date e gli orari devono essere indicati usando la notazione standard; gli orari devono essere espressi nel formato 24 ore, eventualmente con l'indicazione del fuso orario, ad esempio 2007-11-27T21:48:56+02:00; è anche possibile utilizzare "Z" per l'orario in Universal Coordinated Time (UTC) e che equivale a +00:00. Le date invece devono essere espresse usando il calendario Gregoriano.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Configurare EF Core 6 con le minimal API di ASP.NET
Calcolare automaticamente un numero di versione di un repository in una GitHub Action
Scenari di test avanzati con ASP.NET Core
Effettuare un deployment differenziale con una GitHub Action
Aumentare le prestazioni di Blazor con la compilazione Ahead of Time
Bypassare l'esecuzione di una GitHub Action su branch protetti
Layout skeleton per Screen Reader
Generare le release note automaticamente tramite una GitHub Action
Compilare automaticamente applicazioni .NET 6 con le pipeline di Azure DevOps e GitHub Action
Utilizzare le Promise in Javascript - prima parte
Estensione del markdown in GitHub
Recuperare la data di creazione e ultima modifica di un record con Entity Framework Core e le temporal table di SQL Server