Che cos'è HTML5 e perché ha sostituito Flash e Silverlight?

HTML5 ha praticamente sostituito Flash, Silverlight, XHTML e altre piattaforme come soluzione più sicura e versatile sul Web. Allora, cos'è HTML5 e come è riuscito a diventare lo strumento di sviluppo web onnipervasivo? Oggi esamineremo il linguaggio di markup più utilizzato del Web e come ha cambiato il modo in cui gli sviluppatori creano siti Web e implementano varie funzionalità moderne in essi.

HTML5: cos'è e come funziona?

Qui impareremo a conoscere HTML5, i suoi vantaggi e come differisce da Flash, Silverlight e altre piattaforme di sviluppo web che ha già sostituito o è pronto a farlo in futuro. Quindi, senza ulteriori indugi, tuffiamoci subito e scopriamo perché la maggior parte degli sviluppatori web preferisce HTML5, chi lo mantiene e perché è raccomandato dal World Wide Web Consortium (W3C). Sommario + -

Cos'è HTML5?

HTML5 è un linguaggio di programmazione e l'ultima iterazione pubblica di HyperText Markup Language, o HTML, creato nel 1989 dall'inventore del World Wide Web, Sir Tim Berners Lee. Consigliato dal WWW Consortium (W3C), viene utilizzato per strutturare e presentare contenuti sul web ed è gestito da un consorzio dei principali fornitori di browser, tra cui Apple, Google, Mozilla e Microsoft. Insieme, formano il file Gruppo di lavoro sulla tecnologia delle applicazioni ipertestuali Web (WHATWG), che ora ha la sola autorità sugli standard HTML e DOM (Document Object Model) dopo che il W3C ha ceduto il controllo lo scorso anno.

L'HTML "Living Standard" di WHATWG, che viene continuamente aggiornato, è ora autorevole, sostituendo lo standard statico basato su snapshot propagato in precedenza dal W3C. I due sono stati spesso in conflitto tra loro, in particolare sul contenuto ammissibile del file elemento, che era una delle principali fonti di contesa tra le due organizzazioni, con la definizione W3C che consente una più ampia gamma di usi rispetto alla definizione WHATWG. Tuttavia, hanno lavorato insieme negli ultimi anni per sviluppare uno standard HTML5 unificato sul Web.

Come funziona HTML5?

HTML5 include tutti e 3 i componenti di base del web design: HTML, CSS e JavaScript. Mentre HTML viene utilizzato per creare testo su una pagina Web, CSS viene utilizzato per lo stile e per indicare come verranno presentati gli elementi su una pagina Web. Per quanto riguarda JavaScript, è responsabile dell'attività dell'utente e dell'azione su una pagina web. Utilizzando questi elementi, gli sviluppatori possono creare pagine Web reattive che possono riorganizzare automaticamente tutti gli elementi per adattarli allo schermo di desktop, laptop e cellulari, indipendentemente dalle loro dimensioni, risoluzione e proporzioni.

Quali tecnologie ha sostituito?

HTML5 è stato rilasciato per la prima volta in formato pubblico nel 2008, con un importante aggiornamento nell'ottobre 2014. Era destinato a sostituire non solo HTML4 (originariamente standardizzato nel 1997) ma anche XHTML 1 e DOM livello 2 HTML. Tuttavia, data la sua versatilità e facilità di sviluppo, W3C, che stava sviluppando XHTML 2.0 come piattaforma concorrente, smise di lavorarci e raccomandò HTML5 come futuro dello sviluppo web.

Dal punto di vista dell'utente, il più grande cambiamento rispetto a HTML4 è quello non abbiamo più bisogno di plugin come Adobe Flash o Microsoft Silverlight per riprodurre video su diversi siti Web. Ricordi come un decennio fa ti veniva spesso chiesto di "Aggiorna Flash" (o Silverlight) mentre cercavi di riprodurre video online? Quando è stata l'ultima volta che hai visto un messaggio del genere? E quando è stata l'ultima volta che hai avuto bisogno di aggiornare Java sul tuo computer? È probabile che non abbiate visto messaggi del genere negli ultimi cinque anni.

Se continui a visualizzare tali richieste, devi smettere di visitare quei siti perché sono siti vecchi e non aggiornati che rappresentano un rischio per la sicurezza o siti falsi gestiti da truffatori che tentano di installare malware sul tuo sistema. A partire da settembre 2020, meno dello 0,035% dei siti utilizzava Silverlight, il 2,5% utilizzava Adobe Flash e meno dello 0,017% utilizzava Java, il che li rende praticamente ridondanti nel Web moderno basato su HTML5.

Quali sono i vantaggi di HTML5?

Ci sono molte ragioni per cui HTML5 è diventata la piattaforma di sviluppo web preferita. Non solo è più facile codificare rispetto ad altri linguaggi di markup, ma anche include ricche funzionalità multimediali integrate che garantiscono che nessun altro software o plug-in del browser sia necessario per progettare un sito Web completo da zero. La tecnologia consente ai web designer di sviluppare tutti i tipi di applicazioni, animazioni e altre funzionalità multimediali che vengono eseguite su un browser.

Un altro motivo importante per l'adozione di HTML5 è il fatto che non è proprietario, il che significa che non devi pagare royalty per usarlo. È anche un file tecnologia indipendente dalla piattaforma che può essere utilizzato per eseguire il rendering di siti Web su PC Windows, macchine Linux, MacBook, Android, iPhone, smart TV e altro ancora. Tutto ciò di cui hai bisogno di un agente utente conforme (uno qualsiasi dei browser moderni più diffusi) e puoi avere accesso a tutte le chicche disponibili sul Web a portata di mano.

Inoltre, HTML5 consente agli sviluppatori di utilizzare funzionalità avanzate come GPS, fotocamera e accelerometro nelle loro app Web, rendendolo più adatto per l'era "mobile first" di oggi. Ha anche semplificato l'aggiunta di forum di discussione, strumenti di trascinamento della selezione, piattaforme di chat e una serie di altri elementi nei siti Web.

Un altro enorme vantaggio di HTML5 è che consente agli sviluppatori di trasferire facilmente le applicazioni su dispositivi mobili. Ora che ogni browser viene fornito con il supporto nativo per lo standard, ha anche ampiamente sostituito le piattaforme legacy come Flash e Silverlight, migliorando così la sicurezza e offrendo un'esperienza di navigazione senza interruzioni.

Quali sono gli svantaggi di HTML5?

Nonostante la sua quasi ubiquità, HTML5 presenta una propria serie di problemi che preoccupano allo stesso modo sia i programmatori che gli utenti finali. Il principale tra loro è il mancanza di un formato video HTML5 standard, ma ci sono anche altri problemi che rimangono un problema in quella che altrimenti sarebbe la piattaforma di sviluppo web più affidabile, sicura e ricca di funzionalità. Ecco alcuni degli svantaggi di HTML5:

1. Nessun supporto video standard per tutti i browser

Uno dei problemi principali con HTML5 è la confusione riguardo al supporto del formato video per diversi browser. Anche se tutti i browser moderni incorporavano il supporto HTML5 diversi anni fa, non tutti supportano tutti i formati video HTML5. C'è stata spesso confusione su quale browser supporta quale formato video, perché ciò dipende non solo dall'agente utente, ma anche dalla piattaforma (Windows, Android, Linux, ecc.).

Tra i principali formati, H.264 è diventato lo standard de facto, con tutti i browser che lo supportano su tutte le piattaforme. Ogg Theora è supportato anche da tutti i browser su tutte le piattaforme tranne Safari su iOS, mentre VP8 / WebM è supportato anche da tutto, sebbene Safari richieda l'installazione manuale. C'è anche un problema simile con l'audio, sebbene WAV (PCM) e MP3 (MPEG) siano supportati da tutti i principali browser.

2. Lo "standard di vita" HTML5 è in continua evoluzione

Inoltre non aiuta che il 'Standard di vita'rende l'HTML un obiettivo mobile per gli sviluppatori web che spesso devono indovinare il supporto per nuove funzionalità. Mentre alcuni considerano gli aggiornamenti continui un vantaggio, modifiche inaspettate allo standard possono rendere inutili gli elementi in un sito Web fino a quando l'amministratore non emette una correzione. In realtà, questo accade raramente con i siti aggiornati, ma è ancora un problema che tiene i web designer sulle spine.

3. Giocare con JavaScript

Un altro grande ostacolo è il supporto per i giochi perché l'unico linguaggio di scripting supportato da HTML5, JavaScript è una piattaforma tutt'altro che ideale per una forte esperienza di gioco. Gli spazi dei nomi personalizzati, l'accesso ai membri, le interfacce e l'ereditarietà presentano problemi con JavaScript, costringendo gli sviluppatori a cercare soluzioni alternative. Detto questo, gli sviluppatori di giochi sono ancora passati da Flash a HTML5 grazie al perfetto supporto multipiattaforma tra tutti gli user-agent.

Supporto browser HTML5

Come accennato in precedenza, tutti i browser moderni, incluso Edge, Firefox, Chrome, Safari e Opera supportano almeno alcuni elementi di HTML5 su tutte le piattaforme. Tuttavia, il loro supporto per lo standard non si manifesta in modo identico. Come regola generale, Firefox supporta la più ampia gamma di funzionalità HTML5, seguita da Chrome da vicino.

Di seguito è riportato un elenco (non esaustivo) dei browser che supportano HTML5:

• Microsoft Edge
• Mozilla Firefox
• Google Chrome
• Apple Safari
• musica lirica
• Opera Mobile
• Browser Android
• Cromo
• Konqueror
• GNOME Web

Puoi controllare CanIuse.com per una suddivisione dettagliata di ciò che è supportato da quale versione di quale browser su quale piattaforma.

HTML5: il presente e il futuro dello sviluppo web

HTML5 migliora il modo in cui funziona il Web, rendendo più facile per gli sviluppatori creare ottimi siti Web e per consentire agli utenti di sperimentare tali creazioni indipendentemente dal loro dispositivo preferito o dal browser che stanno utilizzando. È la piattaforma di sviluppo web più grande e popolare e, con i suoi standard in continua evoluzione che incorporano nuove caratteristiche e funzionalità, è probabile che rimarrà tale nel prossimo futuro.