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

HTML5 ha quasi sostituito Flash , Silverlight, XHTML e altre piattaforme come soluzione più sicura e versatile sul web. Quindi 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 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’è l’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. Raccomandato 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 Web Hypertext Application Technology Working Group (WHATWG), che ora ha l’autorità esclusiva sugli standard HTML e DOM (Document Object Model) dopo che il W3C ha ceduto il controllo lo scorso anno.

Il “Living Standard” HTML del 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 disaccordo tra loro, in particolare riguardo al contenuto consentito dell’elemento , che è stata una delle principali fonti di contesa tra le due organizzazioni, con la definizione W3C che consente una gamma più ampia di usi rispetto alla definizione WHATWG . Tuttavia, negli ultimi anni hanno lavorato insieme 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 l’HTML viene utilizzato per creare testo su una pagina Web, il 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à e dell’azione dell’utente su una pagina web. Utilizzando questi elementi, gli sviluppatori possono creare pagine Web reattive in grado di riorganizzare automaticamente tutti gli elementi per adattarli allo schermo di desktop, laptop e dispositivi mobili, indipendentemente dalle loro dimensioni, risoluzione e proporzioni.

Quali tecnologie ha sostituito?

HTML5 è stato rilasciato per la prima volta in una forma pubblica 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 Level 2 HTML. Tuttavia, data la sua versatilità e facilità di sviluppo, il W3C, che stava sviluppando XHTML 2.0 come piattaforma concorrente, smise di lavorarci e raccomandò HTML5 come il futuro dello sviluppo web.

Dal lato utente, il più grande cambiamento rispetto a HTML4 è che non abbiamo più bisogno di plug-in come Adobe Flash o Microsoft Silverlight per riprodurre video su diversi siti Web . Ricordi come un decennio fa ti veniva spesso chiesto di “Aggiornare 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 tu non abbia visto tali messaggi negli ultimi cinque anni.

Se continui a visualizzare tali messaggi, devi smettere di visitare quei siti perché sono siti vecchi e non aggiornati che rappresentano un rischio per la sicurezza o sono 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, rendendoli 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 include anche ricche funzionalità multimediali integrate che assicurano che non sia necessario alcun altro software o plug-in del browser 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 eseguibili su un browser.

Un altro motivo fondamentale per l’adozione di HTML5 è il fatto che non è proprietario, il che significa che non devi pagare royalties per usarlo. È anche una tecnologia indipendente dalla piattaforma che può essere utilizzata per il rendering di siti Web su PC Windows, macchine Linux, MacBook, Android, iPhone, smart TV e altro ancora. Tutto ciò di cui hai bisogno è 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 all’era odierna “mobile-first” . Ha inoltre semplificato l’aggiunta di forum di discussione, strumenti di trascinamento della selezione, piattaforme di chat e una miriade 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 serie di problemi che preoccupano allo stesso modo sia i programmatori che gli utenti finali. Il principale tra questi è la 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 principali problemi con HTML5 è la confusione relativa al supporto del formato video per diversi browser. Anche se tutti i browser moderni hanno incorporato il supporto HTML5 diversi anni fa, non tutti supportano tutti i formati video HTML5 . C’è spesso stata confusione su quale browser supporti 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. HTML5 “Living Standard” è in continua evoluzione

Inoltre, non aiuta il fatto che il “Living Standard” renda l’HTML un bersaglio mobile per gli sviluppatori Web che spesso devono ripensare al supporto per le nuove funzionalità. Mentre alcuni considerano i continui aggiornamenti un vantaggio, cambiamenti imprevisti nello 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 supporto multipiattaforma senza soluzione di continuità su tutti gli user-agent.

Supporto del browser HTML5

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

Ecco un elenco (non esaustivo) dei browser che supportano HTML5:

• Microsoft Edge
• Mozilla Firefox
• Google Chrome
• Safari delle mele
• musica lirica
• OperaMobile
• Navigatore Android
• Cromo
• Conquistatore
• Web GNOME

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 fantastici siti web e per gli utenti sperimentare tali creazioni indipendentemente dal loro dispositivo preferito o dal browser che stanno utilizzando. È la piattaforma di sviluppo web più grande e più popolare e, con i suoi standard in continua evoluzione che incorporano nuove caratteristiche e funzionalità, è probabile che rimanga tale nel prossimo futuro.