HTML5: differenze tra le versioni

Versione delle 16:40, 1 mag 2024

Versione attuale delle 20:38, 13 mar 2025

(6 versioni intermedie di 3 utenti non mostrate)

Riga 1:

{{Formato file

{{Linguaggio di programmazione

| nome = HTML 5HTML5

|immagine = HTML5 logo and= wordmark.svg

| immagine =

|autore = Tim Berners Lee

|data didascalia = 1989

| estensione = .html, .htm

|versione = HTML5

| mime = text/html

|utilizzo = Programmazione dei siti WEB

| sviluppatore = [[WHATWG]], [[World Wide Web Consortium|W3C]]

|paradigmi =

| proprietario =

|tipizzazione = Forte

| data_pubblicazione = 22 gennaio 2008

|sistema_operativo = Windows, macOS, Android, iOS, Linux.

| ultima_versione = 5.2 (2ª revisione)

|licenza = Open Source

| data_ultima_versione = 14 dicembre 2017

| genere = [[Linguaggio di markup]]

| estensione_di = [[Standard Generalized Markup Language|SGML]]

| esteso_a =

| standard = [https://www.w3.org/standards/history/html52/ 5.2] (14 dicembre 2017)<br/>[https://html.spec.whatwg.org/ living standard]

| aperto = sì

| magic_number =

| uniform_type_identifier = public.html

}}

Line 32 ⟶ 40:

HTML5 ha deprecato i seguenti tag e attributi presenti in HTML4 poiché la loro funzione è ora gestita dai CSS3<ref>{{Cita web|url=https://www.c-sharpcorner.com/blogs/html-tags-which-are-deprecated-in-html5|titolo=HTML Tags Which Are Deprecated In HTML5|lingua=en|accesso=3 febbraio 2021}}</ref>:

[[File:Deprecated-HTML.png|alt=Elementi HTML4 deprecati in HTML5|centro|miniatura|390x390px|Elementi HTML4 deprecati in HTML5]]

=== CSS3 ===

{{Vedi anche|CSS}}

HTML5 e [[CSS|CSS3]] (l'evoluzione di CSS2) costituiscono un linguaggio [[turing completo]]<ref>{{Cita web|url=https://github.com/elitheeli/stupid-machines|titolo=Stupid Machines - rule 110|autore=|data=|accesso=}}</ref><ref>{{Cita web|url=http://eli.fox-epste.in/rule110-full.html|titolo=Rule 110 OnLine Demonstration|autore=|data=|accesso=}}</ref>, condizione sufficiente per un linguaggio per essere considerato un [[linguaggio di programmazione]].

=== SEO ===

{{S sezione|informatica}}

{{Vedi anche|Ottimizzazione per i motori di ricerca}}

Line 50 ⟶ 54:

{{Vedi anche|WebGL|Canvas (elemento HTML)|Scalable Vector Graphics|HTML5 video}}

Le novità introdotte dall'HTML5 rispetto all'[[HTML 4.0|HTML4]] sono finalizzate soprattutto a migliorare il disaccoppiamento fra struttura, definita dal markup, caratteristiche di resa ([[tipo di carattere]], [[Colori Web|colori]], ecceteraecc.), definite dalle [[foglio di stile|direttive di stile]], e contenuti di una pagina web, definiti dal testo vero e proprio. Inoltre l'HTML5 prevede il supporto per la memorizzazione locale di grandi quantità di dati scaricati dal [[web browser]], per consentire l'utilizzo di applicazioni basate su web (come per esempio le caselle di posta di [[Google]] o altri servizi analoghi) anche in assenza di collegamento a Internet.

In particolare<ref name="html.it">{{Cita web|url=https://www.html.it/guide/guida-html5/|titolo=HTML5: guida completa|sito=HTML.it|accesso=29 gennaio 2021}}</ref>:

Line 57 ⟶ 61:

* vengono migliorati ed estesi gli elementi di controllo per i moduli elettronici, cioè nuovi attributi e tipi di input per i form (moduli di iscrizione e contatto);

* vengono introdotti elementi specifici per il controllo di contenuti multimediali (tag <code>[[HTML5 video|<video>]]</code> e <code><audio></code>), con HTML4 incorporabili solo attraverso [[Adobe Flash]].

* vengono estesi a tutti i tag una serie di attributi, specialmente quelli finalizzati all'accessibilità ([[Wai-aria|WAI-ARIA]]), finora previsti solo per alcuni tag;

* viene supportato [[Canvas (elemento HTML)|Canvas]] che permette di utilizzare [[JavaScript]] per creare animazioni (possibili solo con [[Adobe Flash]] ai tempi di HTML4) e grafica bitmap;

[[File:Html5notesapp.png|alt=Un esempio di HTML5 Storage. L'utente può creare note e, anche in caso di refresh del browser, esse rimarranno salvate.|miniatura|Un esempio di HTML5 Storage. L'utente può creare note e, anche in caso di refresh del browser, esse rimarranno salvate<ref>{{Cita web|url=https://code.tutsplus.com/tutorials/create-a-sticky-note-effect-in-5-easy-steps-with-css3-and-html5--net-13934|titolo=Create a Sticky Note Effect in 5 Easy Steps With CSS3 and HTML5|sito=Code Envato Tuts+|accesso=2021-10-08}}</ref>.]]

Line 223 ⟶ 227:

== WAI ARIA ==

{{Vedi anche|Accessibilità (web)|Accessibilità (design)|WaiWAI-ariaARIA}}

'''WAI-ARIA (''Web Accessibility Initiative - Accessible Rich Internet Applications'')''' è un insieme di documenti pubblicati dal W3C ([[World Wide Web Consortium]]) che specificano come aumentare l'[[Accessibilità (design)|accessibilità]] dei contenuti dinamici e dei componenti per l'interfaccia utente sviluppati con [[AJAX]], [[HTML]], [[JavaScript]] e altre tecnologie collegate. HTML5 ha aggiunto nuove regole [[Wai-aria|WAI ARIA]]<ref>{{Cita web|url=https://www.w3.org/TR/wai-aria-1.1/|titolo=Accessible Rich Internet Applications (WAI-ARIA) 1.1|lingua=en|accesso=2021-02-22}}</ref>.

== Orientamento del dispositivo ==

Line 320 ⟶ 326:

{{Portale|internet|informatica}}

[[Categoria:Standard W3C]]

[[Categoria:HTML5| ]]