Quali sono le nuove funzionalità in HTML 5?

HTML 5 aggiunge molte nuove funzionalità alle specifiche HTML ed è facile da implementare. Si utilizza il doctype HTML 5, che è semplice e semplificato:

Sì è quello. Solo due parole "doctype" e "html". Può essere così semplice perché HTML 5 non fa più parte di SGML ma è invece un linguaggio di markup tutto da solo.

Anche il set di caratteri per HTML 5 è semplificato. Usa UTF-8 e lo definisci con un solo meta tag:

HTML 5 Nuova struttura

HTML 5 riconosce che le pagine Web hanno una struttura, proprio come i libri e altri documenti XML hanno una struttura. In generale, le pagine Web hanno navigazione, contenuto del corpo, contenuto della barra laterale, intestazioni, piè di pagina e altre funzionalità. HTML 5 ha tag per supportare quegli elementi della pagina. Loro sono:

definisce sezioni di pagine.
definisce l'intestazione di una pagina.
definisce il piè di pagina di una pagina.
definisce la navigazione su una pagina.
definisce l'articolo o il contenuto principale in una pagina.
definisce contenuti extra come una barra laterale in una pagina.
definisce le immagini che annotano un articolo.

HTML 5 Nuovi elementi in linea

I nuovi elementi in linea definiscono alcuni concetti di base e li tengono semanticamente contrassegnati:

indica il contenuto contrassegnato in qualche modo.
indica il contenuto che è un orario o una data.
indica il contenuto che è una frazione di un intervallo noto come l'utilizzo del disco.
indica l'avanzamento di un compito verso il completamento.

HTML 5 Nuovo supporto per pagine dinamiche

HTML 5 è stato sviluppato per aiutare gli sviluppatori di applicazioni web, quindi ci sono molte nuove funzionalità che facilitano la creazione di pagine HTML dinamiche:

Menu contestuali - HTML 5 supporta la creazione e l'uso di menu contestuali all'interno di pagine Web e applicazioni.
href non è richiesto su un tag. Questo ti permette di usare un tag con script e nelle applicazioni web senza bisogno di un posto dove inviare quell'ancora.
attributo asincrono - Questo viene aggiunto al tag dello script per dire al browser che lo script deve essere caricato in modo asincrono in modo che non rallenti il carico e la visualizzazione del resto della pagina.
- Fornisce dettagli su un elemento. Questo sarebbe come tooltip in applicazioni non web.
crea una tabella creata da un database o altra fonte dinamica.
è un vecchio tag riportato indietro e dato una nuova vita che consente di creare un sistema di menu sulle tue pagine web.
definisce le azioni che dovrebbero accadere quando viene attivato un elemento dinamico.

HTML 5 Nuovi tipi di modulo

HTML 5 supporta tutti i tipi di input standard, ma ne aggiunge alcuni altri:

appuntamento
datetime-locali
Data
mese
settimana
tempo
numero
gamma
e-mail
url

HTML 5 nuovi elementi

Ci sono alcuni eccitanti nuovi elementi in HTML 5:

- Questo elemento ti offre uno spazio di disegno in JavaScript sulle tue pagine web. Può aggiungere immagini o grafici a suggerimenti o creare grafici dinamici sulle tue pagine web, costruite al volo.
- Aggiungi video alle tue pagine web con questo semplice tag.
- Aggiungi audio alle tue pagine web con questo semplice tag.