HTML5 Nuovo Elementi
Dal 1999, HTML 4.01 è cambiata molto. Oggi, molti dei HTML 4.01 sono stati deprecati, e questi elementi sono stati eliminati o ridefinito in HTML5.
Al fine di gestire meglio le applicazioni Internet di oggi, HTML5 aggiunge un sacco di nuovi elementi e caratteristiche, come ad esempio: il rendering grafico, contenuti multimediali, una migliore struttura della pagina, una migliore forma di trattamento, e molti api drag and drop elementi, il posizionamento, compresa l'applicazione web caching, lo stoccaggio, operaio web, e così via.
Nuovi elementi in HTML5
Di seguito è riportato un elenco dei nuovi elementi HTML5, e una descrizione di ciò che essi sono utilizzati per.
Nuova elementi semantici / Strutturale
HTML5 offre nuovi elementi per una migliore struttura del documento:
| Etichetta | Descrizione |
|---|---|
| <article> | Definisce un articolo nel documento |
| <aside> | Definisce il contenuto a parte il contenuto della pagina |
| <bdi> | Definisce una parte di testo che potrebbe essere formattato in una direzione diversa dal resto del testo |
| <details> | Definisce dettagli aggiuntivi che l'utente può visualizzare o nascondere |
| <dialog> | Definisce una finestra di dialogo o una finestra |
| <figcaption> | Definisce una didascalia per un <figure> elemento |
| <figure> | Definisce il contenuto self-contained, come illustrazioni, diagrammi, foto, elenchi di codici, etc. |
| <footer> | Definisce un piè di pagina per il documento o di una sezione |
| <header> | Definisce un'intestazione per il documento o una sezione |
| <main> | Definisce il contenuto principale di un documento |
| <mark> | Definisce contrassegnato o testo evidenziato |
| <menuitem> | Definisce una voce di comando / di menu che l'utente può richiamare da un menu a comparsa |
| <meter> | Definisce una misura scalare in un intervallo noto (a gauge) |
| <nav> | Definisce link di navigazione nel documento |
| <progress> | Definisce l'avanzamento di un compito |
| <rp> | Definisce cosa visualizzare nei browser che non supportano ruby annotazioni |
| <rt> | Definisce una spiegazione / pronuncia di caratteri (ad Est asiatico tipografia) |
| <ruby> | Definisce un ruby di annotazione (for East Asian typography) |
| <section> | Definisce una sezione del documento |
| <summary> | Definisce un'intestazione visibile per un <details> elemento |
| <time> | Definisce una data / ora |
| <wbr> | Definisce una possibile linea-break |
Per saperne di più HTML5 Semantica .
Nuovo elementi del modulo
| Etichetta | Descrizione |
|---|---|
| <datalist> | Definisce le opzioni predefinite per i controlli di input |
| <keygen> | Definisce un campo del generatore coppia di chiavi (for forms) |
| <output> | Definisce il risultato di un calcolo |
Articolo dedicato a vecchi e nuovi elementi di modulo in modulo HTML Elements .
Nuovi tipi di input
| Nuovi tipi di input | Nuovi attributi di input |
|---|---|
|
|
Scopri tutto sui tipi di vecchi e nuovi ingressi in HTML Tipi di input .
Scopri tutto su attributi di input in Attributi di input HTML .
HTML5 - Nuovo attributo Sintassi
HTML5 permette quattro differenti sintassi per gli attributi.
Questo esempio dimostra le diverse sintassi utilizzati in un <input> tag:
| Tipo | Esempio |
|---|---|
| Vuoto | <input type="text" value="John" disabled > |
| Non quotati | <input type="text" value=John > |
| Virgolette doppie | <input type="text" value="John Doe" > |
| Single-citato | <input type="text" value='John Doe' > |
In HTML5, tutti quattro sintassi possono essere utilizzati, a seconda di ciò che è necessario per l'attributo.
Grafica HTML5
| Etichetta | Descrizione |
|---|---|
| <canvas> | Definisce disegno grafico utilizzando JavaScript |
| <svg> | Definisce disegno grafico usando SVG |
Per saperne di più HTML5 Canvas .
Per saperne di più HTML5 SVG .
Nuovi elementi multimediali
| Etichetta | Descrizione |
|---|---|
| <audio> | Definisce suono o musica contenuti |
| <embed> | Definisce contenitori per applicazioni esterne (like plug-ins) |
| <source> | Definisce le fonti per <video> e <audio> |
| <track> | Definisce tracce per <video> e <audio> |
| <video> | Definisce video o film contenuti |
Per saperne di più HTML5 Video .
Per saperne di più HTML5 audio .