Vad är HTML5, och hur ändrar det hur jag bläddrar? [MakeUseOf Förklarar]

Under de senaste åren har du kanske hört termen HTML5 då och då. Oavsett om du vet någonting om webbutveckling eller inte, kan konceptet vara lite nebulous och förvirrande. Självklart är det nästa steg i HTML-raden, men vad gör det exakt? Varför finns det så mycket spänning kring det? Och varför spelar det roll för dig?

HTML, eller HyperText Markup Language, är det viktigaste elementet på World Wide Web. Det är språket som används för att beskriva hur en webbsida ska se ut. HTML är emellertid ganska tråkigt eftersom det bara kan leverera statiska sidor. För att möta den växande efterfrågan på mer imponerande webbfunktioner har HTML kopplats med plugins som CSS, Flash, Java, Silverlight, etc.

Det har blivit något av en uppblåst röra och olika webbläsare implementerar dessa funktioner på sina egna sätt. HTML5 är tänkt att lösa HTML: s stora problem för en renare och effektivare web.

HTML: En översikt

HTML som vi känner till idag kallas HTML4 och det publicerades första gången 1997. Ja, det betyder att vi har kört på HTML4 i över 15 år nu vilket är en evighet i tekniskt tid. Cirka 2000 började ett parallellt märkningsspråk som heter XHTML utveckling och det har också varit under användning under åren, främst på grund av de strängare standarder som den påför. I allmänhet är de båda ganska likartade.

Problemet med HTML4 är dess begränsade funktionalitet. Det måste utökas genom plugins, som Flash, för att ge mer än enkel text och bilder. Många videospelare, till exempel, skapades och underhållits på Flash-plattformen och inbäddade i HTML-sidor. Många webbapps utvecklades med Java och inbäddade också.

Med alla dessa plugins blir det svårt att behålla riktiga standarder. Helst bör varje webbläsare visa varje sida på webben på samma sätt för att kunna leverera samma upplevelse till varje användare. För att visa samma resultat på flera webbläsare behöver webutvecklare regelbundet implementera snabba korrigeringar och hackar i olika delar av deras webbplats för att tillgodose olika återgivningsprocesser. Detta blir besvärligt efter ett tag.

På en mer praktisk notering behöver webbsidor som kräver plugins som Flash och Java med mycket mer CPU och RAM. Någonsin undrat varför din webbläsare använder så mycket av datorns resurser? Mycket av det kan hänföras till dessa HTML-tillägg. Det här är en anledning till att Apple har inaktiverat Flash-stöd på sina mobila enheter (för att spara batteritid).

Vad exakt är HTML5?

HTML4 har fungerat bra, men det har uppenbarligen ett antal brister. Teamet bakom HTML5 har en viss plan på hög nivå för nästa steg i HTML, vilket innebär att HTML5 måste byggas på följande principer:

• Mindre beroende av plugins för funktionalitet.
• Scripting bör ersättas med markup när det är möjligt.
• Enhetsoberoende (dvs tillgängligt på alla enheter och ger samma ändupplevelse).
• Offentlig utvecklingsprocess så att människor kan se vad som händer.

Mer specifikt lägger HTML5 till en hel massa nya märkningstaggar. Topp 11 HTML-etiketter Varje bloggare och webbplatsägare måste veta Top 11 HTML-etiketter Varje bloggare och webbplatsägare måste veta Världen har många språk och är kodad i flera olika. Det enda språket kan dock hittas överallt och har funnits sedan webbsidans uppfinning, är den ... Läs mer:

• och
• tagg som identifierar en specifik, enstaka innehållsdel, t ex ett blogginlägg eller en användarkommentar.
• tagg som låter dig definiera en generisk del av innehållet liknande det som för närvarande finns

  märka.
• och taggar för att markera inkludering av ljud eller videoinnehåll.
• tagg som låter dig rita grafik med ett separat skriptspråk.
• tagg för att inbädda externt innehåll eller program på sidan.

HTML5 avvärder också några taggar: , , , , , </strong>, och en handfull andra.</p><p>Den fullständiga standardspecifikationen för HTML5 är planerad att vara klar till 2014, men HTML5 har gjort mycket framsteg redan och det kan användas för att implementera webbplatsfunktioner även idag. Den fullständiga standardspecifikationen för HTML5.1 är planerad att slutföras senast 2016.</p><h2>Varför HTML5 är för dig</h2><p>Som webbanvändare kommer du att dra nytta av HTML5 eftersom det löser de mest skarpa problemen i HTML4. Webbplatser kommer att ha bättre webbstandarder, vilket leder till effektivare innehåll och förbättrad prestanda. Eftersom HTML5 antas över hela linjen bör webbsidor börja ladda snabbare, mindre bandbredd bör användas och batteritid på mobila enheter. 7 sätt att öka batterilivslängden för din mobiltelefon [iPhone, Android, Övriga Smartphones] 7 sätt att öka din mobiltelefon Mobiltelefon batterilivslängd [iPhone, Android, Övriga Smartphones] Överlägset en av de mest nedslående funktionerna i nästan alla smartphones idag är batterilivslängden, vilket för de flesta av oss kräver minst en laddning per 24-timmarsperiod. Är du en ... Läs mer borde vara längre.</p><p>Dessutom behöver du inte behålla så många plugins som Flash och Java uppdaterad. Jag hatar det när jag ständigt måste uppdatera så många addons och plugins över flera webbläsare. Och vad händer när en av dem är fel version? Sidor slutar fungera och frustration följer. Allt detta ska hanteras med när HTML5 blir huvudstandard.</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>Om du bara är en vanlig webbanvändare och du inte har några intentioner att koda eller behålla din egen webbplats, behöver du inte göra något för att njuta av HTML5s fantastiska funktioner. Alla större webbläsare stöder idag HTML5 i stor utsträckning och du har säkert utnyttjat det redan utan att veta. Håll bara din webbläsare uppdaterad och du kommer att vara bra att gå.</p><p>Och om du är en webbutvecklare, kommer HTML5 att göra allt enklare och lättare för dig. Om allt går bra behöver du inte hantera kantfall i webbdesign eftersom alla webbläsare måste följa samma standarder.</p><h2>Slutsats</h2><p>HTML5 är framtiden för webbläsning och det kommer säkert att revolutionera hur vi surfar på Internet. Även under den begränsade karaktären av HTML4 har utvecklare skapat några överraskande webbplatser, så det blir intressant att se vilka snygga framsteg som de kommer att göra med funktionaliteten i HTML5.</p><p>Förhoppningsvis nu kan du se HTML5 i ett tydligare ljus och se varför det har blivit hyped upp så mycket som det har. Du kan vidareutveckla din inlärning på dessa tio webbplatser för att visa dig vilken HTML5 handlar om 10 webbplatser att se vilken HTML5 handlar om 10 webbplatser att se vilken HTML5 handlar om Läs mer. Du bör också kolla in vår HTML5-handledning för att lära dig mer. Om du har några frågor, fråga i kommentarerna och jag gör mitt bästa för att svara dig.</p><p><small>Bildkrediter: HTML5 Via Shutterstock, HTML-kod Via Shutterstock, HTML5 Tag Cloud Via Shutterstock, Guy On Laptop Via Shutterstock</small></p> <p><small>Utforska mer om: HTML, HTML5, Programmering, Webbutveckling.</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"> « Vad är HSTS och hur skyddar det HTTPS från hackare?</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">Vad är HTTP / 2 och hur påverkar det Internetets framtid? » </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://sv.ephesossoftware.com">sv.ephesossoftware.com</a> </div> <div class="col-md-6 col-sm-6 text-center text-lg-right"> <span>Nyheter från världen av modern teknik!</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>