English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML5 è un modo per descrivere i contenuti web. È lo standard di generazione successiva dell'Internet, un modo per costruire e presentare i contenuti web. È considerato una delle tecnologie fondamentali dell'Internet. HTML è nato nel 1990, HTML4 è diventato lo standard dell'Internet nel 1997 e è stato ampiamente utilizzato nello sviluppo delle applicazioni web.
HTML5 è la versione più recente di HTML, completata dalla World Wide Web Consortium (W3C) nel ottobre 2014.
L'obiettivo del design di HTML5 è supportare i media su dispositivi mobili.
HTML5 è lo standard del linguaggio HTML centrale nel Web, il contenuto che gli utenti vedono durante la navigazione web tramite qualsiasi mezzo è originariamente in formato HTML, che viene convertito in un formato riconoscibile tramite alcune tecnologie nel browser.
HTML5 è semplice e facile da imparare.
HTML5 è lo standard HTML della prossima generazione.
HTML, la versione precedente HTML 4.01, è stata lanciata nel 1999. Da allora, il mondo del Web ha cambiato radicalmente.
HTML5 è ancora in fase di perfezionamento. Tuttavia, la maggior parte dei browser moderni ha già alcune funzionalità di HTML5.
HTML5 è il risultato della collaborazione tra W3C e WHATWG, WHEREHG sta per Web Hypertext Application Technology Working Group.
WHATWG si dedica ai moduli web e alle applicazioni, mentre W3C si concentra su XHTML 2.0. Nel 2006, hanno deciso di collaborare per creare una nuova versione di HTML.
Alcune nuove funzionalità interessanti di HTML5:
Elemento canvas per la pittura
Elementi video e audio per la riproduzione dei media
Miglior supporto per la memorizzazione locale offline (localStorage e sessionStorage)
Nuovi elementi di contenuto speciali come article, footer, header, nav, section
Nuovi controlli di modulo come calendar, date, time, email, url, search
HTML5 porta il Web a un piattaforma di applicazioni mature, in cui sono state standardizzate le interazioni con video, audio, immagini, animazioni e dispositivi.
La dichiarazione <!doctype> deve essere situata nella prima riga del documento HTML5, è molto semplice da usare:
<!DOCTYPE html>
Questo farà sì che i browser che non supportano ancora HTML5 adottino il modello standard di parsing, il che significa che parseranno solo le parti dei tag HTML compatibili con HTML5 e ignoreranno le nuove funzionalità non supportate da HTML5.
Questo doctype è più corto e semplice rispetto al passato, rendendolo più facile da ricordare e riducendo il numero di byte da scaricare.
La prima cosa che si fa su una pagina è di dichiarare il set di caratteri utilizzato. Nelle versioni precedenti di HTML, era un elemento <meta> molto complesso, ora è molto semplice:
<meta charset="UTF-8">
Metti questo dentro il tuo <head>, perché in alcuni browser se il set di caratteri dichiarato è diverso da quello atteso, riparseranno l'intero documento HTML. Inoltre, se al momento non stai utilizzando UTF-8, ti consiglio di cambiare la codifica della tua pagina a questo, poiché semplifica la gestione dei caratteri da parte di diversi script nel file.
E 'importante notare che HTML5 limita il set di caratteri disponibili, che devono essere compatibili con ASCII a 8 bit. Questo viene fatto per rafforzare la sicurezza e prevenire certi tipi di attacchi.
Di seguito è riportato un documento HTML5 semplice:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Sono un titolo di documento html5</title> </head> <body> Contenuto del documento html5...... </body> </html>
Attenzione: per le pagine web in cinese è necessario utilizzare la dichiarazione di codifica <meta charset="utf-8">, altrimenti possono apparire caratteri confusi.
Nuovi elementi
Nuovi attributi
Completa supporto CSS3
Video e Audio
Grafica 2D/3D
Memoria locale
Dati SQL locali
Applicazione web
Utilizzando HTML5, puoi riprodurre video (video) e audio (audio) in modo semplice nella pagina web.
Utilizzando HTML5, puoi sviluppare applicazioni in modo semplice
Memoria dati locale
Accesso ai file locali
Dati SQL locali
Riferimento alla cache
Lavoratore JavaScript
XHTMLHttpRequest 2
Utilizzando HTML5, puoi disegnare grafici in modo semplice:
Utilizzo <canvas> Elementi.
Utilizzo inline SVG.
Utilizzo Trasformazioni 2D CSS3、Trasformazioni 3D CSS3.
Nuovi selettori
Nuovi attributi
Animazione
Trasformazioni 2D/3D
Angoli arrotondati
Effetto d'ombreggiatura
Fonte scaricabile
Per saperne di più su CSS3, consulta il nostro sito: Tutorial CSS3.
HTML5 ha aggiunto molti elementi semantici come segue:
| Etichetta | Descrizione |
| <article> | Definisce un'area di contenuto indipendente della pagina. |
| <aside> | Definisce il contenuto della barra laterale della pagina. |
| <bdi> | Permette di impostare un testo in modo che non segua la direzione di scrittura dell'elemento genitore. |
| <command> | Definisce un pulsante di comando, come un pulsante radio, un casella di controllo o un pulsante |
| <details> | Usato per descrivere i dettagli di un documento o di una parte di esso |
| <dialog> | Definisce un dialogo, come una finestra di dialogo |
| <summary> | Etichetta che contiene il titolo dell'elemento details |
| <figure> | Regola il contenuto di flusso indipendente (immagini, grafici, foto, codice, ecc.). |
| <figcaption> | Definisce il titolo dell'elemento <figure>. |
| <footer> | Definisce il piè di pagina di una section o di un documento. |
| <header> | Definisce l'area di testa del documento. |
| <mark> | Definisce un testo con un segno. |
| <meter> | Definisce una misura. Utilizzato solo per misure con valori massimi e minimi noti. |
| <nav> | Definisce una parte di collegamento di navigazione. |
| <progress> | Definisce il progresso di qualsiasi tipo di compito. |
| <ruby> | Definisce un commento ruby (pinyin cinese o carattere). |
| <rt> | Definisce l'interpretazione o la pronuncia di un carattere (pinyin cinese o carattere). |
| <rp> | Usato in ruby commento, definisce il contenuto visualizzato dai browser che non supportano l'elemento ruby. |
| <section> | Definisce una sezione (section, sezione) nel documento. |
| <time> | Definisce una data o un'ora. |
| <wbr> | Determina dove è appropriato aggiungere un'intercapedine nel testo. |
Nuovi elementi di modulo, nuove proprietà, nuovi tipi di input, convalida automatica.
I seguenti elementi HTML 4.01 sono stati rimossi nell'HTML5:
<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
Con il nostro editor HTML, puoi editare HTML e poi cliccare sul pulsante per vedere i risultati.
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Base Tutorial Web (oldtoolbag.com)</title> </head> <body> <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Il tuo browser non supporta il tag video. </video> </body> </html>Prova a vedere <‹/›
La versione più recente di Safari, Chrome, Firefox e Opera supportano alcune funzionalità HTML5. Internet Explorer 9 supporterà alcune funzionalità HTML5.
Metodi di compatibilità del browser HTML5 per versioni inferiori a IE9, utilizza il pacchetto statico html5shiv di questo sito:
<![if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]-->
Dopo il caricamento, inizializza il CSS dei nuovi tag:
/*html5*/
article,aside,dialog,footer,header,section,nav,figure,menu{display:block}In questo sito puoi trovare descrizioni dei tag e delle proprietà HTML5, per dettagli clicca Manuale di Referenza HTML5.