Wat is HTML5 en hoe verandert het de manier waarop ik blader? [MakeUseOf Explains]

In de afgelopen paar jaar heeft u de term misschien gehoord HTML5 zo nu en dan. Of u nu iets weet over webontwikkeling of niet, het concept kan enigszins vaag en verwarrend zijn. Het is duidelijk de volgende stap in de HTML-lijn, maar wat doet het precies? Waarom is er zoveel opwinding eromheen? En waarom maakt het voor jou uit?

HTML, of HyperText Markup Language, is het belangrijkste element van het World Wide Web. Het is de taal die wordt gebruikt om te beschrijven hoe een webpagina eruit zou moeten zien. HTML alleen is echter behoorlijk saai omdat het alleen statische pagina's kan opleveren; om aan de groeiende vraag naar meer indrukwekkende webfuncties te voldoen, is HTML gekoppeld aan plug-ins zoals CSS, Flash, Java, Silverlight, enz..

Het is een opgeblazen puinhoop geworden en verschillende browsers implementeren die functies op hun eigen manier. HTML5 is bedoeld om de grote problemen van HTML op te lossen voor een schoner en efficiënter web.

HTML: een overzicht

HTML zoals we dat vandaag kennen, heet HTML4 en het werd voor het eerst gepubliceerd in 1997. Ja, dat betekent dat we al meer dan 15 jaar op HTML4 draaien, wat een eeuwigheid is in technische tijd. Rond 2000 begon een parallelle opmaaktaal genaamd XHTML aan de ontwikkeling en die is ook in de loop der jaren in gebruik geweest, voornamelijk vanwege de strengere normen die het oplegt. Over het algemeen zijn de twee vrij gelijkaardig.

Het probleem met HTML4 is de beperkte functionaliteit. Het moet worden uitgebreid via plug-ins, zoals Flash, om meer te bieden dan alleen tekst en afbeeldingen. Veel videospelers zijn bijvoorbeeld gemaakt en onderhouden op het Flash-platform en ingebed in HTML-pagina's. Veel web-apps zijn ontwikkeld met behulp van Java en ook ingebed.

Met al deze plug-ins wordt het moeilijk om de juiste normen te handhaven. Idealiter zou elke browser elke pagina op het web op dezelfde manier moeten weergeven om dezelfde ervaring aan elke gebruiker te kunnen leveren. Om dezelfde resultaten in meerdere browsers weer te geven, moeten webontwikkelaars meestal snelle fixes en hacks in verschillende delen van hun site implementeren om rekening te houden met verschillende renderingprocessen. Dit wordt na een tijdje omslachtig.

Op een meer praktische noot, webpagina's die plug-ins vereisen zoals Flash en Java eindigen met veel meer CPU en RAM. Heeft u zich ooit afgevraagd waarom uw browser zoveel bronnen op uw computer gebruikt? Veel van het kan worden toegeschreven aan deze HTML-extensies. Dit is een reden waarom Apple Flash-ondersteuning op hun mobiele apparaten heeft uitgeschakeld (om de levensduur van de batterij te verlengen).

Wat is HTML5 precies??

HTML4 heeft goed gewerkt, maar het heeft duidelijk een aantal tekortkomingen. Het team achter HTML5 heeft een bepaald plan op hoog niveau voor de volgende stap in HTML, wat betekent dat HTML5 op de volgende principes moet zijn gebaseerd:

• Minder afhankelijk van plug-ins voor functionaliteit.
• Scripting moet waar mogelijk worden vervangen door markup.
• Apparaatonafhankelijkheid (d.w.z. beschikbaar op alle apparaten en met dezelfde eindervaring).
• Openbaar ontwikkelingsproces, zodat mensen kunnen zien wat er aan de hand is.

Meer specifiek voegt HTML5 een hele reeks nieuwe opmaakcodes toe Top 11 HTML-tags Elke blogger en website-eigenaar moet weten Top-11 HTML-tags Elke blogger en website-eigenaar moet het weten Het world wide web kent vele talen en is gecodeerd in verschillende talen. De enige taal echter die overal te vinden is en die al bestaat sinds de uitvinding van webpagina's, is de ... Lees verder:

• en
• tag die een specifieke, enkelvoudige inhoud identificeert, bijvoorbeeld een blogpost of een gebruikerscommentaar.
• tag waarmee u een generiek gedeelte met inhoud kunt definiëren; vergelijkbaar met de momenteel bestaande

  label.
• en tags om de opname van audio- of video-inhoud te markeren.
• tag waarmee u afbeeldingen kunt tekenen met een afzonderlijke scripttaal.
• tag om externe inhoud of applicaties op de pagina in te sluiten.

HTML5 maakt ook een einde aan sommige tags: , , , , , </strong>, en een handvol anderen.</p><p>De volledige normspecificatie voor HTML5 is gepland om tegen 2014 te zijn voltooid, maar HTML5 heeft al veel vooruitgang geboekt en het kan zelfs vandaag nog worden gebruikt om sitefuncties te implementeren. De volledige normspecificatie voor HTML5.1 is gepland om tegen 2016 te zijn voltooid.</p><h2>Waarom HTML5 voor u van belang is</h2><p>Als een webgebruiker profiteert u van HTML5 omdat het de meest in het oog springende problemen in HTML4 oplost. Websites zullen betere webstandaarden hebben, wat zal resulteren in efficiëntere inhoud en verbeterde prestaties. Aangezien HTML5 overal wordt toegepast, moeten webpagina's sneller worden geladen, moet minder bandbreedte worden gebruikt en moet de levensduur van de batterij op mobiele apparaten zijn 7 Manieren om de levensduur van uw mobiele telefoon te vergroten [iPhone, Android, andere smartphones] 7 manieren om uw Batterijlevensduur mobiele telefoon [iPhone, Android, andere smartphones] Verreweg een van de meest teleurstellende functies op zowat elke smartphone is de levensduur van de batterij, die voor de meesten van ons minstens één oplaadbeurt per periode van 24 uur vereist. Ben je een ... Lees meer zou langer moeten duren.</p><p>Bovendien hoef je niet zoveel plug-ins zoals Flash en Java bijgewerkt te houden. Ik haat het als ik constant zoveel add-ons en plug-ins in meerdere browsers moet updaten. En wat gebeurt er wanneer een van hen de verkeerde versie is? Sites stoppen met werken en frustratie ontstaat. Dat alles moet worden weggenomen wanneer HTML5 de hoofdstandaard wordt.</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>Als u gewoon een gewone internetgebruiker bent en u niet van plan bent om uw eigen website te coderen of te onderhouden, hoeft u niets te doen om te genieten van de geweldige functies van HTML5. Alle grote browsers ondersteunen HTML5 vandaag in grote mate en u hebt er waarschijnlijk al zonder kennis misbruik van gemaakt. Houd gewoon je browser up-to-date en je bent klaar om te gaan.</p><p>En als u een webontwikkelaar bent, maakt HTML5 alles eenvoudiger en gemakkelijker voor u. Als alles goed gaat, zult u niet te maken krijgen met edge cases in webdesign, omdat alle browsers zich moeten houden aan dezelfde normen.</p><h2>Conclusie</h2><p>HTML5 is de toekomst van internet browsen en het zal zeker een revolutie teweegbrengen in de manier waarop we op internet surfen. Zelfs onder de beperkte aard van HTML4 hebben ontwikkelaars enkele verbijsterende websites gemaakt, dus het zal interessant zijn om te zien welke aardige verbeteringen ze zullen maken met de functionaliteit van HTML5.</p><p>Hopelijk kun je HTML5 nu in een beter daglicht zien en zien waarom het zo veel is opgefokt als het heeft. U kunt uw kennis op deze tien websites ook vergroten, zodat u kunt zien wat HTML5 allemaal te bieden heeft over 10 websites om te zien waar HTML5 alles over 10 websites is om te zien waar HTML5 over gaat Meer lezen. Bekijk ook onze HTML5-zelfstudie voor meer informatie. Als u vragen heeft, stel deze dan in de opmerkingen en ik zal mijn best doen om u te antwoorden.</p><p><small>Afbeelding Credits: HTML5 Via Shutterstock, HTML-code Via Shutterstock, HTML5 Tag Cloud Via Shutterstock, Guy Op Laptop Via Shutterstock</small></p> <p><small>Ontdek meer over: HTML, HTML5, Programmeren, Webontwikkeling.</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"> « Wat is HSTS en hoe beschermt het HTTPS tegen hackers?</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">Wat is HTTP / 2 en wat heeft invloed op de toekomst van het 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://nl.ephesossoftware.com">nl.ephesossoftware.com</a> </div> <div class="col-md-6 col-sm-6 text-center text-lg-right"> <span>Nieuws uit de wereld van de moderne technologie!</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>