Che cos'è HTML5 e come cambia il modo in cui navigo? [MakeUseOf Explains]

Che cos'è HTML5 e come cambia il modo in cui navigo? [MakeUseOf Explains] / Internet

Negli ultimi anni potresti aver sentito il termine HTML5 ogni tanto. Che tu sappia qualcosa sullo sviluppo del web o no, il concetto può essere alquanto nebuloso e confuso. Ovviamente, è il prossimo passo nella linea di HTML, ma cosa fa esattamente? Perché c'è così tanta eccitazione? E perché è importante per te?

HTML, o HyperText Markup Language, è l'elemento più importante del World Wide Web. È il linguaggio usato per descrivere come dovrebbe apparire una pagina web. Tuttavia, l'HTML da solo è piuttosto noioso perché può solo fornire pagine statiche; per soddisfare la crescente domanda di funzionalità web più impressionanti, l'HTML è stato accoppiato con plugin come CSS, Flash, Java, Silverlight, ecc..

È diventato qualcosa di un pasticcio gonfio e diversi browser implementano queste funzionalità a modo loro. HTML5 ha lo scopo di risolvere i grandi problemi dell'HTML per un web più pulito e più efficiente.

HTML: una panoramica

L'HTML come lo conosciamo oggi si chiama HTML4 ed è stato pubblicato per la prima volta nel 1997. Sì, questo significa che abbiamo eseguito su HTML4 da oltre 15 anni, un'eternità nel tempo della tecnologia. Intorno al 2000, un linguaggio di marcatura parallelo chiamato XHTML ha iniziato lo sviluppo ed è stato utilizzato anche nel corso degli anni, principalmente a causa degli standard più severi che impone. In generale, comunque, i due sono piuttosto simili.

Il problema con HTML4 è la sua funzionalità limitata. Deve essere esteso tramite plugin, come Flash, per fornire più di semplici testi e immagini. Molti lettori video, ad esempio, sono stati creati e gestiti sulla piattaforma Flash e incorporati nelle pagine HTML. Molte app Web sono state sviluppate utilizzando Java e anche embedded.

Con tutti questi plugin, diventa difficile mantenere standard adeguati. Idealmente, ogni browser dovrebbe visualizzare ogni pagina sul Web allo stesso modo al fine di offrire la stessa esperienza a tutti gli utenti. Per visualizzare gli stessi risultati su più browser, gli sviluppatori Web in genere devono implementare soluzioni rapide e hack in varie parti del loro sito per adattarsi a diversi processi di rendering. Questo diventa ingombrante dopo un po '.

In una nota più pratica, le pagine Web che richiedono plug-in come Flash e Java finiscono per utilizzare molta più CPU e RAM. Ti sei mai chiesto perché il tuo browser utilizza così tante risorse del tuo computer? Molti di questi possono essere attribuiti a queste estensioni HTML. Questo è uno dei motivi per cui Apple ha disattivato il supporto Flash sui propri dispositivi mobili (per risparmiare sulla durata della batteria).

Che cos'è esattamente HTML5?

HTML4 ha funzionato bene, ma ovviamente ha un certo numero di difetti. Il team dietro HTML5 ha un certo piano di alto livello per il prossimo passaggio in HTML, il che significa che HTML5 deve essere costruito sui seguenti principi:

  • Meno dipendenza dai plugin per la funzionalità.
  • Lo scripting dovrebbe essere sostituito con il markup quando possibile.
  • Indipendenza dal dispositivo (ad esempio, disponibile su tutti i dispositivi e con la stessa esperienza).
  • Processo di sviluppo pubblico in modo che le persone possano vedere cosa sta succedendo.

Più in particolare, HTML5 aggiunge un sacco di nuovi tag di markup Top 11 Tag HTML Ogni proprietario di Blogger e sito Web deve conoscere 11 tag HTML che ogni blogger e proprietario del sito web devono conoscere Il world wide web conosce molte lingue ed è codificato in diversi. L'unica lingua tuttavia, che può essere trovata dappertutto ed è stata in giro dall'invenzione delle pagine Web, è il ... Per saperne di più:

  • e
    tag per aiutarti a isolare le parti superiori e inferiori dei blocchi di contenuti. Può essere utilizzato più di una volta su una singola pagina.
  • tag che identifica uno specifico, singolare contenuto, ad es. un post sul blog o un commento dell'utente.
  • tag che ti consente di definire una sezione generica del contenuto; simile all'attuale
    etichetta.
  • e tag per contrassegnare l'inclusione di contenuti audio o video.
  • tag che ti permette di disegnare la grafica usando un linguaggio di scripting separato.
  • tag per incorporare contenuto o applicazioni esterne nella pagina.

Anche HTML5 depreca alcuni tag: , , , , , </strong>, e una manciata di altri.</p><p>Le specifiche complete degli standard per HTML5 dovrebbero essere completate entro il 2014, ma HTML5 ha già fatto molti progressi e può essere utilizzato per implementare le funzionalità del sito anche oggi. Le specifiche complete degli standard per HTML5.1 dovrebbero essere completate entro il 2016.</p><h2>Perché HTML5 conta per te</h2><p>Come utente Web, beneficerai di HTML5 perché risolve i problemi più evidenti in HTML4. I siti Web avranno standard web migliori, il che si tradurrà in un contenuto più efficiente e in prestazioni migliori. Poiché HTML5 viene adottato su tutta la linea, le pagine web dovrebbero iniziare a caricarsi più velocemente, utilizzare meno larghezza di banda e la durata della batteria sui dispositivi mobili 7 modi per aumentare la durata della batteria del telefono cellulare [iPhone, Android, altri smartphone] 7 modi per potenziare il tuo Durata della batteria del telefono cellulare [iPhone, Android, altri smartphone] Di gran lunga una delle funzioni più deludenti in quasi tutti gli smartphone di questi tempi è la durata della batteria, che per la maggior parte di noi richiede almeno una ricarica ogni 24 ore. Sei un ... Leggi di più dovrebbe durare più a lungo.</p><p>Inoltre, non dovrai tenere aggiornati tanti plugin come Flash e Java. Lo odio quando devo aggiornare costantemente tanti addon e plugin su più browser. E cosa succede quando uno di loro è la versione sbagliata? I siti smettono di funzionare e ne deriva la frustrazione. Tutto ciò dovrebbe essere risolto quando HTML5 diventa lo standard principale.</p><p><img src="//ephesossoftware.com/img/images/what-is-html5-and-how-does-it-change-the-way-i-browse-[makeuseof-explains]_4.jpg"></p><p>Se sei solo un utente Web regolare e non hai intenzione di codificare o mantenere il tuo sito web, non devi fare nulla per goderti le fantastiche funzionalità di HTML5. Oggi tutti i principali browser supportano HTML5 in gran parte e probabilmente lo stai già sfruttando senza saperlo. Basta tenere aggiornato il browser e sarai pronto per partire.</p><p>E se sei uno sviluppatore web, HTML5 renderà tutto più semplice e facile per te. Se tutto va bene, non dovrai affrontare casi limite nel web design poiché tutti i browser dovranno rispettare gli stessi standard.</p><h2>Conclusione</h2><p>HTML5 è il futuro della navigazione sul Web e sicuramente rivoluzionerà il modo in cui navighiamo su Internet. Anche sotto la natura limitata di HTML4, gli sviluppatori hanno creato alcuni siti web da capogiro, quindi sarà interessante vedere che tipo di progressi saranno fatti con la funzionalità di HTML5.</p><p>Speriamo che ora puoi vedere HTML5 in una luce più chiara e vedere perché è stato pubblicizzato quanto ha. Puoi anche approfondire la tua conoscenza su questi dieci siti web che ti mostrano cos'è HTML5 è tutto su 10 siti Web per vedere cosa HTML5 è tutto su 10 siti Web per vedere cosa è tutto HTML5 Leggi di più. Dovresti anche dare un'occhiata al nostro tutorial HTML5 per saperne di più. Se avete domande, si prega di chiedere nei commenti e farò del mio meglio per risponderti.</p><p><small>Crediti immagine: HTML5 Via Shutterstock, codice HTML Via Shutterstock, HTML5 Tag Cloud Via Shutterstock, Guy On Laptop Via Shutterstock</small></p> <p><small>Scopri di più su: HTML, HTML5, programmazione, sviluppo Web.</small></p> </div> <div class="rek-block"> <center> <ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-3810161443300697" data-ad-slot="3145557800"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </center> </div> <div class="row PageNavigation d-flex justify-content-between font-weight-bold"> <a class="prev d-block col-md-6" href="/articles/security/what-is-hsts-and-how-does-it-protect-https-from-hackers.html"> « Che cos'è HSTS e come protegge HTTPS dagli hacker?</a> <a class="next d-block col-md-6 text-lg-right" href="/articles/technology-explained/what-is-http2-and-how-does-it-affect-the-internets-future.html">Che cos'è HTTP / 2 e in che modo influisce sul futuro di Internet? » </a> <div class="clearfix"></div> </div> </div> </div> </div> </div> </div> </div> <footer class="footer"> <div class="site-langs-list"> <ul> <li class="site-lang"><a href="https://ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-DE"></i>Deutsch</a></li> <li class="site-lang"><a href="https://nl.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-NL"></i>Nederlands</a></li> <li class="site-lang"><a href="https://sv.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-SE"></i>Svenska</a></li> <li class="site-lang"><a href="https://no.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-NO"></i>Norsk</a></li> <li class="site-lang"><a href="https://it.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-IT"></i>Italiano</a></li> <li class="site-lang"><a href="https://fr.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-FR"></i>Français</a></li> <li class="site-lang"><a href="https://es.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-ES"></i>Español</a></li> <li class="site-lang"><a href="https://ro.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-RO"></i>Românesc</a></li> </ul> </div> <div class="container"> <div class="row"> <div class="col-md-6 col-sm-6 text-center text-lg-left"> © <script> var currentTime = new Date(); var year = currentTime.getFullYear(); document.write(year); </script> <a href="https://it.ephesossoftware.com">it.ephesossoftware.com</a> </div> <div class="col-md-6 col-sm-6 text-center text-lg-right"> <span>Notizie dal mondo della tecnologia moderna!</span> </div> </div> </div> </footer> </div> <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" /> <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#edeff5", "text": "#838391" }, "button": { "background": "#4b81e8" } }, "theme": "classic", "position": "bottom-right" })}); </script> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="https://unpkg.com/simple-jekyll-search@1.5.0/dest/simple-jekyll-search.min.js"></script> <script> SimpleJekyllSearch({ searchInput: document.getElementById('search-input'), resultsContainer: document.getElementById('results-container'), json: '/search.json', searchResultTemplate: '<li><a href="{url}">{title}</a></li>' }) </script> </body> </html>