{"id":40010,"date":"2021-07-14T12:23:18","date_gmt":"2021-07-14T10:23:18","guid":{"rendered":"https:\/\/kinqsta.com\/?p=91142"},"modified":"2021-08-10T13:55:07","modified_gmt":"2021-08-10T13:55:07","slug":"html-vs-html5","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/","title":{"rendered":"HTML vs HTML5: L\u00e4r dig de avg\u00f6rande skillnaderna mellan dem"},"content":{"rendered":"<p>Vad \u00e4r den stora skillnaden mellan HTML och HTML5? Om du vill b\u00f6rja med frontend-utveckling eller arbeta med <a href=\"https:\/\/kinqsta.com\/blog\/edit-wordpress-code\/\">kod i WordPress<\/a>, m\u00e5ste du ha koll p\u00e5 detta. Det kan vara r\u00e4tt s\u00e5 f\u00f6rvirrande eftersom vissa m\u00e4nniskor anv\u00e4nder dessa termer lite sporadiskt, men de \u00e4r tekniskt sett tv\u00e5 olika saker &#8211; \u00e4ven om de \u00e4ven \u00e4r relaterade.<\/p>\n<p>L\u00e5t oss g\u00e5 igenom skillnaderna mellan HTML vs HTML5. Vad \u00e4r b\u00e4ttre, och vad har f\u00f6r\u00e4ndrats efter det popul\u00e4ra spr\u00e5kets st\u00f6rsta uppdatering.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Vad \u00e4r HTML?<\/h2>\n<p>HTML st\u00e5r f\u00f6r <strong>HyperText Markup Language<\/strong>. Det utg\u00f6r webbens byggstenar, och \u00e4r f\u00f6rmodligen det mest k\u00e4nda <a href=\"https:\/\/kinqsta.com\/se\/blog\/basta-programmeringsspraket-att-lara-sig\/\">kodningsspr\u00e5ket som finns<\/a>.<\/p>\n<p>HTML \u00e4r standardspr\u00e5ket n\u00e4r det g\u00e4ller webbutveckling. Det finns m\u00e5nga <a href=\"https:\/\/kinqsta.com\/se\/blog\/webbutvecklingsverktyg\/\">webbutvecklingsverktyg<\/a> som du kan anv\u00e4nda n\u00e4r du arbetar med HTML. De l\u00e5ter dig skapa basstrukturen p\u00e5 en webbsida med sm\u00e5 taggar som kallas markeringstaggar. Om du exempelvis vill kursivera en text kan du radbryta den i HTML-taggar p\u00e5 det h\u00e4r s\u00e4ttet:<\/p>\n<pre><code class=\"language-html\">&lt;i&gt;Italicized text.&lt;\/i&gt;<\/code><\/pre>\n<figure id=\"attachment_91145\" aria-describedby=\"caption-attachment-91145\" style=\"width: 1023px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-91145 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/03\/html-tag-example.png\" alt=\"EXEMPEL P\u00c5 HTML-tagg\" width=\"1023\" height=\"214\"><figcaption id=\"caption-attachment-91145\" class=\"wp-caption-text\">EXEMPEL P\u00c5 HTML-tagg<\/figcaption><\/figure>\n<p>Mycket i HTML-spr\u00e5ket \u00e4r enkelt och m\u00e4nskligt l\u00e4sbart. Detta g\u00f6r att \u00e4ven icke-utvecklare tycker att det \u00e4r smidigt att arbeta med. Med tanke p\u00e5 hur viktigt det \u00e4r f\u00f6r World Wide Web \u00e4r det chockerande enkelt att b\u00f6rja med HTML.<\/p>\n<p>Det \u00e4r om\u00f6jligt att skapa en webbplats utan att anv\u00e4nda HTML. \u00c4ven om det finns <a href=\"https:\/\/kinqsta.com\/blog\/wix-vs-wordpress\/\">webbplatsbyggare<\/a> som l\u00e5ter dig designa en webbplats utan att r\u00f6ra n\u00e5gon kod, \u00a0<a href=\"https:\/\/kinqsta.com\/se\/blog\/wordpress-sidbyggare\/\">WordPress inkluderat<\/a>, hanterar de fortfarande HTML-kod bakom kulisserna.<\/p>\n<p>S\u00e5 om du vill bli webbutvecklare eller djupdyka i verktyg som exempelvis WordPress m\u00e5ste du naturligtvis l\u00e4ra dig HTML.<\/p>\n<p>HTML paras ofta ihop med andra spr\u00e5k som <a href=\"https:\/\/kinqsta.com\/se\/blog\/wordpress-css\/\">CSS<\/a> och JavaScript f\u00f6r att ut\u00f6ka dess funktionalitet. CSS hj\u00e4lper dig att utforma HTML genom att l\u00e4gga till f\u00e4rger och layouter med mera. JavaScript \u00e4r ett mer traditionellt programmeringsspr\u00e5k som g\u00f6r att du kan l\u00e4gga till avancerade funktioner.<\/p>\n<p>\u00c4ven om dessa tv\u00e5 spr\u00e5k funkar bra ihop med HTML, \u00e4r de inte strikt n\u00f6dv\u00e4ndiga f\u00f6r att skapa en webbplats. HTML \u00e4r det enda som kr\u00e4vs, och \u00e4r d\u00e4rf\u00f6r det viktigaste webbspr\u00e5ket.<\/p>\n\n<h2>Vad \u00e4r HTML5?<\/h2>\n<figure id=\"attachment_92234\" aria-describedby=\"caption-attachment-92234\" style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-92234 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/03\/HTML-5-Badge-Logo.png\" alt=\"HTML5-logotyp \" width=\"1100\" height=\"600\"><figcaption id=\"caption-attachment-92234\" class=\"wp-caption-text\">HTML5-logotyp (K\u00e4lla: <a href=\"https:\/\/commons.wikimedia.org\/wiki\/File:HTML5_Badge.svg\">W3C<\/a>)<\/figcaption><\/figure>\n<p>HTML5 \u00e4r inte ett separat system, utan snarare den senaste versionen av HTML-tekniken. F\u00f6reg\u00e5ngaren HTML4 hade sin f\u00f6rsta och sista uppdatering i december 1999. Faktum \u00e4r att HTML5 inte \u00e4r s\u00e4rskilt nytt, det sl\u00e4pptes redan \u00e5r 2014.<\/p>\n<p>S\u00e5 vad \u00e4r den stora skillnaden? Varf\u00f6r all hype? \u00c4ven om m\u00e5nga av markeringstaggarna har f\u00f6rblivit of\u00f6r\u00e4ndrade (man ska ju inte laga det som inte \u00e4r trasigt), har flera av dem f\u00f6renklats, s\u00e5 det \u00e4r mycket enklare och snabbare att skriva kod. HTML5 \u00e4r baserat p\u00e5 en helt ny standard, och dess tolkning \u00e4r ocks\u00e5 helt annorlunda.<\/p>\n<p>I \u00e4ldre versioner av HTML, kunde du fr\u00e4mst skapa statiska webbplatser som beh\u00f6vde kryddas med CSS och JavaScript. HTML5 \u00e4r mycket mer dynamiskt och inneh\u00e5ller multimediaelement. Det st\u00f6der inbyggd video och ljud, och du kan till och med skapa spel eller animationer med detta spr\u00e5k.<\/p>\n<p>HTML5 \u00e4r med andra ord fullt kapabelt att g\u00f6ra saker som du tidigare beh\u00f6vde g\u00f6ra med gamla verktyg som JavaScript, Flash eller Silverlight. Detta inneb\u00e4r att <a href=\"https:\/\/kinqsta.com\/se\/blog\/wordpress-sakerhet\/\">din webbplats \u00e4r s\u00e4krare och mindre \u00f6ppen f\u00f6r intr\u00e5ng<\/a> fr\u00e5n angripare som f\u00f6rs\u00f6ker komma in.<\/p>\n<p>Och \u00e4ven om CSS och JavaScript fortfarande \u00e4r n\u00f6dv\u00e4ndiga f\u00f6r att skapa en fullfj\u00e4drad webbplats, beh\u00f6ver du inte l\u00e4ngre f\u00f6rlita dig p\u00e5 dessa spr\u00e5k n\u00e4r det g\u00e4ller dynamiken.<\/p>\n<p>HTML5 \u00e4r inte l\u00e4ngre endast en webbplatsbyggare. Det \u00e4r en hel applikationsbyggare.<\/p>\n<p>I st\u00e4llet f\u00f6r att n\u00e4sta uppdatering kommer ut som &#8221;HTML6&#8221; uppdateras HTML5 kontinuerligt och utvecklas i takt med webbens behov. Det \u00e4r den senaste och b\u00e4sta versionen av denna l\u00e5ngvariga teknik, och den kommer att vara h\u00e4r en l\u00e5ng tid fram\u00f6ver.<\/p>\n<h2>HTML vs HTML5: Vilka skillnader finns?<\/h2>\n<p>N\u00e4r de flesta pratar om &#8221;HTML&#8221; h\u00e4nvisar de till tekniken som helhet, inklusive den senaste versionen: HTML5. \u00c4ven om den p\u00e5 m\u00e5nga s\u00e4tt \u00e4r v\u00e4ldigt annorlunda, \u00e4r HTML5 egentligen bara en polerad uppdatering av den gamla standarden.<\/p>\n<p>\u00c4ven om HTML och HTML5 \u00e4r en del av samma system, innebar den stora uppdateringen flera f\u00f6rb\u00e4ttringar f\u00f6r det gamla kodningsspr\u00e5ket, och gjorde det \u00e4nnu effektivare. H\u00e4r \u00e4r n\u00e5gra exempel p\u00e5 vad som lades till.<\/p>\n<h3>Compatibilitet<\/h3>\n<p>N\u00e4r HTML5 kom ut var kompatibilitet ett stort problem och en stor anledning till att m\u00e5nga valde att inte uppgradera sin webbplats. Om webbl\u00e4saren inte k\u00e4nde till hur man analyserade en HTML5-tagg kunde det resultera i trasiga eller konstiga sidor.<\/p>\n<p>Motsatsen st\u00e4mmer: webbplatser som \u00e4r skrivna i de gamla HTML4-standarderna kommer ofta att krascha i <a href=\"https:\/\/kinqsta.com\/se\/marknadsandel-for-webblasare\/\">moderna webbl\u00e4sare<\/a>, eftersom webbl\u00e4sarna f\u00f6r l\u00e4nge sedan har tappat st\u00f6det f\u00f6r de f\u00f6r\u00e5ldrade funktionerna. Om du vill f\u00f6rbli kompatibel med m\u00e5nga webbl\u00e4sare \u00e4r HTML5 r\u00e4tt v\u00e4g att g\u00e5.<\/p>\n<p>\u00c4ven om \u00e4ldre versioner av HTML fungerar bra i webbl\u00e4sare som exempelvis Internet Explorer, st\u00f6djer eller anv\u00e4nder en majoritet av anv\u00e4ndarna inte l\u00e4ngre dessa f\u00f6r\u00e5ldrade versioner. De flesta beh\u00f6ver inte koda en webbplats f\u00f6r s\u00e5 pass gamla webbl\u00e4sare, s\u00e5 det finns inget behov av att anv\u00e4nda HTML4.<\/p>\n<p>Som du kan se h\u00e4r <a href=\"https:\/\/caniuse.com\/?search=html5\">st\u00f6ds<\/a> HTML5 och de flesta av funktionerna i alla moderna webbl\u00e4sare. Dess nya taggar st\u00f6ds helt eller delvis av alla utom Internet Explorer-versionerna 6-8 och Firefox 2, som \u00e4r fr\u00e5n b\u00f6rjan av 2000-talet och s\u00e4llan anv\u00e4nds idag.<\/p>\n<figure id=\"attachment_91143\" aria-describedby=\"caption-attachment-91143\" style=\"width: 1442px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-91143 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/03\/html5-browser-support.png\" alt=\"Kontroll av HTML vs HTML5 webbl\u00e4sarst\u00f6d\" width=\"1442\" height=\"742\"><figcaption id=\"caption-attachment-91143\" class=\"wp-caption-text\">Kontroll av HTML vs HTML5 webbl\u00e4sarst\u00f6d<\/figcaption><\/figure>\n<p>\u00c4ven om alla moderna webbl\u00e4sare tekniskt sett st\u00f6der HTML4, \u00e4r st\u00f6det f\u00f6r f\u00f6r\u00e5ldrade taggar i b\u00e4sta fall v\u00e4ldigt darrigt. Du b\u00f6r undvika att anv\u00e4nda f\u00f6r\u00e5ldrade standarder och byta till HTML5.<\/p>\n<h3>St\u00f6d f\u00f6r multimedia<\/h3>\n<p>En av de st\u00f6rsta f\u00f6r\u00e4ndringarna med HTML5 \u00e4r st\u00f6d f\u00f6r multimediaelement som ljud, video, <a href=\"https:\/\/kinqsta.com\/se\/blog\/basta-bildfilstyperna\/#8-svg--scalable-vector-graphics\">vektorgrafik,<\/a> animationer och spel.<\/p>\n<p>F\u00f6rr i tiden kr\u00e4vdes det att du anv\u00e4nde JavaScript, Flash eller n\u00e5gon annan teknik f\u00f6r att placera s\u00e5 mycket som en enkel animering p\u00e5 webbplatsen. Nu kan du g\u00f6ra detta i HTML eller CSS utan att beh\u00f6va \u00f6ppna dig f\u00f6r eventuella intr\u00e5ng.<\/p>\n<p>N\u00e4r det g\u00e4ller <a href=\"https:\/\/www.w3schools.com\/html\/html5_video.asp\">video<\/a> och <a href=\"https:\/\/www.w3schools.com\/html\/html5_audio.asp\">ljud<\/a> \u00e4r det lika enkelt att b\u00e4dda in en spelare som att skriva en enkel tagg. Det finns gott om konfigurationer som du kan g\u00f6ra d\u00e4rifr\u00e5n, som att aktivera autoplay eller l\u00e4gga till spelarkontroller.<\/p>\n<figure id=\"attachment_91146\" aria-describedby=\"caption-attachment-91146\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-91146 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/03\/html5-audio-player.png\" alt=\"HTML5-ljudspelare\" width=\"900\" height=\"215\"><figcaption id=\"caption-attachment-91146\" class=\"wp-caption-text\">HTML5-ljudspelare<\/figcaption><\/figure>\n<p>HTML5 st\u00f6der \u00e4ven inb\u00e4ddning av <a href=\"https:\/\/kinqsta.com\/blog\/what-is-an-svg-file\/\">SVG-vektorgrafik<\/a>\u2013 bilder som kan \u00e4ndra storlek i alla uppl\u00f6sningar utan pixelering. SVGs blir alltmer popul\u00e4ra f\u00f6r att visa grafik online eftersom de kan str\u00e4ckas ut och fylla varje sk\u00e4rmstorlek.<\/p>\n<p>Slutligen kan du \u00e4ven skapa fullfj\u00e4drade <a href=\"https:\/\/www.w3schools.com\/graphics\/game_intro.asp\">videospel<\/a> med HTML5, s\u00e4rskilt om du kombinerar det med JavaScript. M\u00e5nga spelskapande verktyg ansluter rent av till HTML5 och l\u00e5ter dig b\u00e4dda in resultatet p\u00e5 din webbplats.<\/p>\n<p>Detta multimediast\u00f6d g\u00f6r HTML5 till den perfekta kandidaten f\u00f6r att ers\u00e4tta m\u00e5nga f\u00f6r\u00e5ldrade tekniker, inklusive Java Web Start, Silverlight och senast <a href=\"https:\/\/www.theverge.com\/2020\/12\/31\/22208190\/adobe-flash-is-dead\">Flash<\/a>. Du kan i stort sett g\u00f6ra allt som du kan g\u00f6ra med dessa system mer enkelt och effektivt i HTML5.<\/p>\n<h3>SGML<\/h3>\n<p>Det ursprungliga HTML-spr\u00e5ket (fram till version 4) baserades starkt p\u00e5 SGML-standarden eller standardgeneraliserat markeringsspr\u00e5k.<\/p>\n<p>\u00c4ven om SGML \u00e4r avsett att standardisera markeringar, eliminera f\u00f6rvirring och har inspirerat b\u00e5de till HTML och XML, h\u00e4rstammar det fr\u00e5n ett spr\u00e5k som skapades p\u00e5 1960-talet. Det \u00e4r gammalt och utformades d\u00e4rf\u00f6r inte med <a href=\"https:\/\/kinqsta.com\/se\/blog\/php-ramverken\/\">moderna webbapplikationer<\/a> i \u00e5tanke.<\/p>\n<p>HTML5 har utvecklats p\u00e5 ett s\u00e4tt som inte l\u00e4ngre passar ihop med SGML; Det <a href=\"https:\/\/www.w3.org\/TR\/2011\/WD-html5-20110113\/parsing.html\">nyttjar ist\u00e4llet analys<\/a> p\u00e5 sina egna unika regler. \u00c4ven om ursprunget fortfarande \u00e4r SGML, och HTML5 endast \u00e4r en f\u00f6rl\u00e4ngning av den befintliga tekniken, \u00e4r det inte l\u00e4ngre f\u00f6renligt med dessa standarder.<\/p>\n<p>Ett resultat av detta \u00e4r det har blivit mycket mer f\u00f6rl\u00e5tande med felhantering. Ett litet fel kommer inte l\u00e4ngre att resultera i ett i\u00f6gonfallande problem f\u00f6r tittarna p\u00e5 din sida eller en sida som inte laddas alls.<\/p>\n<p>\u00c4ven semantik, eller taggar, har f\u00f6rb\u00e4ttrats drastiskt. Innan, kr\u00e4vde strukturen av din sida en konstant anv\u00e4ndning av <code>&lt;div&gt;<\/code> taggar: <code>&lt;div id=\"header\"&gt;<\/code>, <code>&lt;div id=\"menu\"&gt;<\/code>, och <code>&lt;div class=\"post\"&gt;<\/code>.<\/p>\n<p>I HTML5 skulle dessa klumpiga koder vara <code>&lt;header&gt;<\/code>, \u00a0<code>&lt;nav&gt;<\/code> och <code>&lt;article&gt;<\/code>. Dessa taggar \u00e4r b\u00e5de renare och mer lyh\u00f6rda.<\/p>\n<p>Det introducerades \u00e4ven flera <a href=\"https:\/\/www.w3.org\/community\/webed\/wiki\/HTML\/New_HTML5_Elements\">nya taggar<\/a>. M\u00e5nga av dem skapades f\u00f6r att ers\u00e4tta de divs och frames som tidigare anv\u00e4ndes f\u00f6r att strukturera sidor.<\/p>\n<p>M\u00e5nga av de gamla markeringstaggarna \u00e4r dock helt of\u00f6r\u00e4ndrade, s\u00e5 HTML5 \u00e4r delvis bak\u00e5tkompatibelt med \u00e4ldre versioner. Men ett or\u00f6rt HTML4-dokument kommer inte l\u00e4ngre att tolkas korrekt med de nya standarderna.<\/p>\n<p>\u00c4ven om det finns en hel del skillnader mellan HTML och HTML5, \u00e4r \u00e4ndringarna generellt till det b\u00e4ttre och \u00e4r avsedda att g\u00f6ra markeringsspr\u00e5ket mer tillg\u00e4ngligt.<\/p>\n<h3>B\u00e4ttre prestanda och mobil support<\/h3>\n<p>En av HTML5:s st\u00f6rsta f\u00f6rdelar \u00e4r att det \u00e4r mycket snabbare och mycket mer lyh\u00f6rt \u00e4n tidigare iterationer. N\u00e4r den f\u00f6rsta versionen av HTML kom, var internetanslutning f\u00f6r andra enheter \u00e4n datorer inte ens en dr\u00f6m \u00e4nnu; Nu \u00e4r allt tillg\u00e4ngligt via v\u00e5ra telefoner, klockor och TV-apparater, delvis tack vare hastigheten p\u00e5 HTML5.<\/p>\n<p>Den nya versionen gav b\u00e4ttre standarder f\u00f6r att h\u00e5lla ig\u00e5ng webbplatser smidigare p\u00e5 mindre kraftfulla enheter. M\u00e5nga prestandaproblem kommer fortfarande att bero p\u00e5 dig och kvaliteten p\u00e5 din kod. M\u00e5nga l\u00f6sa tr\u00e5dar p\u00e5 HTML-sidan blev dock ihopbundna med HTML5-uppdateringen.<\/p>\n<p>HTML5 st\u00f6der exempelvis <a href=\"https:\/\/www.htmlgoodies.com\/html5\/tutorials\/introducing-html-5-web-workers-bringing-multi-threading-to-javascript.html\">flertr\u00e5dning<\/a> med JavaScript-webbarbetare, vilket g\u00f6r att enhetens processor kan anv\u00e4nda mer av sin kraft f\u00f6r att k\u00f6ra skript. Koden som brukade sakta ner en sida kommer nu att k\u00f6ras s\u00f6ml\u00f6st.<\/p>\n<p>Det \u00e4r \u00e4ven mycket enklare att designa responsiva webbplatser i HTML5. HTML4 hade m\u00e5nga element som inte var anpassningsbara, exempelvis divs. De \u00e4r nu ersatta av strukturtaggar som fungerar b\u00e4ttre p\u00e5 mobilen.<\/p>\n<p>\u00c4ven <a href=\"https:\/\/html.com\/frames\/\">Frames<\/a> togs bort f\u00f6r att de orsakade problem med anv\u00e4ndbarhet och tillg\u00e4nglighet. \u00c4ven om de fortfarande st\u00f6ds har de blivit f\u00f6r\u00e5ldrade och b\u00f6r inte anv\u00e4ndas om du inte har anledning att arbeta med f\u00f6r\u00e5ldrad teknik.<\/p>\n<p>\u00c4ven om det inte finns n\u00e5gon direkt HTML5-ers\u00e4ttning f\u00f6r frames, rekommenderar vi att du anv\u00e4nder CSS-element som flex boxes eller iframes (som fortfarande st\u00f6ds i HTML5) f\u00f6r att ers\u00e4tta den gamla funktionen.<\/p>\n<h3>B\u00e4ttre formul\u00e4rkontroller<\/h3>\n<p>Nya formul\u00e4rkontroller skapar en ny niv\u00e5 av kontroll \u00f6ver din webbplats. \u00c4ven om detta kan verka som en liten funktion, inneb\u00e4r det en mindre extern teknik att f\u00f6rlita sig p\u00e5 f\u00f6r att skapa ett fungerande formul\u00e4r.<\/p>\n<figure id=\"attachment_91144\" aria-describedby=\"caption-attachment-91144\" style=\"width: 1315px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-91144 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/03\/html5-form-example.png\" alt=\"EXEMPEL P\u00c5 HTML 5-formul\u00e4r\" width=\"1315\" height=\"591\"><figcaption id=\"caption-attachment-91144\" class=\"wp-caption-text\">EXEMPEL P\u00c5 HTML 5-formul\u00e4r<\/figcaption><\/figure>\n<p>Ursprungligen st\u00f6dde HTML endast text, l\u00f6senord, dold, kryssruta \/ radio och fil\u00f6verf\u00f6ringsinmatningstyper. \u00c4ven om detta r\u00e4cker f\u00f6r att skapa ett grundl\u00e4ggande inmatningsformul\u00e4r, kan du g\u00f6ra s\u00e5 mycket mer med <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/Forms\/HTML5_input_types\">HTML5-inmatningstyperna<\/a>\u00a0nu.<\/p>\n<p>Nya till\u00e4gg inkluderar e-post, telefonnummer, URL, s\u00f6kruta, skjutreglage, numerisk, datum- och tidsv\u00e4ljare och indata f\u00f6r f\u00e4rgv\u00e4ljare.<\/p>\n<p>Med dessa indatatyper kan du skapa <a href=\"https:\/\/kinqsta.com\/blog\/wordpress-forms\/\">b\u00e4ttre formul\u00e4r<\/a> som kan acceptera fler inneh\u00e5llstyper, med inkluderad validering f\u00f6r att s\u00e4kerst\u00e4lla att de \u00e4r korrekta. Mer information finns i den fullst\u00e4ndiga listan \u00f6ver <a href=\"https:\/\/www.w3schools.com\/html\/html_form_input_types.asp\">HTML-indata<\/a>.<\/p>\n<h3>Webblagring<\/h3>\n<p>N\u00e4r det g\u00e4ller webblagring st\u00f6dde HTML4 och ned\u00e5t i huvudsak cookies och lite annat. Det var n\u00e4stan om\u00f6jligt att lagra n\u00e5gon information f\u00f6rutom grundl\u00e4ggande anv\u00e4ndarsp\u00e5rning i en liten 4 kilobyte cookie.<\/p>\n<p>\u00c5 andra sidan kan du lagra 5-10 megabyte data beroende p\u00e5 webbl\u00e4sare. P\u00e5 s\u00e5 s\u00e4tt kan du spara information p\u00e5 klientsidan om tidigare sessioner, offline\u00e5tkomstdata, personliga anpassningar med mera. Lokal lagring rensas dessutom inte automatiskt, till skillnad fr\u00e5n cookies.<\/p>\n<figure id=\"attachment_83734\" aria-describedby=\"caption-attachment-83734\" style=\"width: 2409px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83734 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/dark-mode-on.jpg\" alt=\"M\u00f6rkt l\u00e4ge aktiverat i WordPress Anpassaren\" width=\"2409\" height=\"1193\"><figcaption id=\"caption-attachment-83734\" class=\"wp-caption-text\">M\u00f6rkt l\u00e4ge aktiverat i WordPress Anpassaren<\/figcaption><\/figure>\n<p>Med lokal lagring kan du exempelvis spara en anv\u00e4ndares preferens f\u00f6r det ljusa eller m\u00f6rka temat p\u00e5 din webbplats, vilket s\u00e4kerst\u00e4ller att de forts\u00e4tter att se din webbplats som de f\u00f6redrar vid sitt n\u00e4sta bes\u00f6k. \u00c4ven om du \u00e4ven kan spara anv\u00e4ndarinst\u00e4llningar med cookies, kommer webbl\u00e4saren oundvikligen att rensa dem efter en tid.<\/p>\n<p>HTML5 st\u00f6der lokal lagring via <a href=\"https:\/\/www.w3schools.com\/html\/html5_webstorage.asp\">Webblagrings-API:et<\/a>. Det st\u00f6der \u00e4ven <a href=\"https:\/\/www.tutorialspoint.com\/html5\/html5_web_sql.htm\">web QL-databaslagring,<\/a> indexerad databaslagring och till och med fil\u00e5tkomst med <a href=\"https:\/\/www.w3.org\/TR\/FileAPI\/\">fil-API:et<\/a>. Mycket av detta integreras med JavaScript <a href=\"https:\/\/kinqsta.com\/blog\/wordpress-http-api-part-1\/\">via API:er<\/a>. Innan HTML5 var detta antingen extremt besv\u00e4rligt att g\u00f6ra eller, i vissa fall, helt om\u00f6jligt.<\/p>\n<h2>Vilket \u00e4r b\u00e4ttre: HTML eller HTML5?<\/h2>\n<p>Om du vill l\u00e4ra dig att koda b\u00f6r du definitivt undvika att anv\u00e4nda f\u00f6r\u00e5ldrade standarder. HTML5 \u00e4r den senaste versionen av HTML och b\u00f6r alltid anv\u00e4ndas framf\u00f6r \u00e4ldre versioner av spr\u00e5ket.<\/p>\n<p>Som vi n\u00e4mnde ovan har HTML5 f\u00f6rb\u00e4ttrat flera aspekter av HTML4 som var f\u00f6r\u00e5ldrade och sv\u00e5ra att arbeta med. HTML5 kan dessutom g\u00f6ra m\u00e5nga saker internt, medan HTML4 f\u00f6rlitar sig helt p\u00e5 f\u00f6r\u00e5ldrade system som Silverlight, <a href=\"https:\/\/kinqsta.com\/se\/blog\/basta-programmeringsspraket-att-lara-sig\/#java\">Java<\/a> \u00a0Web Start och Flash.<\/p>\n<p>\u00c4ven om HTML5 inte alltid visas korrekt i gamla webbl\u00e4sare och operativsystem (exempelvis Internet Explorer eller gamla versioner av mobiltelefoner), \u00e4r dessa plattformar extremt f\u00f6r\u00e5ldrade och anv\u00e4nds s\u00e4llan nuf\u00f6rtiden. Det finns inte l\u00e4ngre n\u00e5gra goda anledningar till att anv\u00e4nda f\u00f6r\u00e5ldrade versioner av HTML \u00f6ver moderna standarder.<\/p>\n<p>Det finns tyv\u00e4rr mycket information p\u00e5 Internet och i b\u00f6cker om \u00e4ldre versioner av HTML. N\u00e4r du letar upp en guide eller f\u00e5r kunskap av en kurs eller bok, se till att den handlar om HTML5 och sl\u00e4pptes eller uppdaterades efter 2014. Det \u00e4r ingen id\u00e9 att l\u00e4ra sig f\u00f6r\u00e5ldrade standarder fr\u00e5n 1999.<\/p>\n<h2>Konvertera HTML till HTML5<\/h2>\n<p>Om du har en \u00e4ldre webbplats m\u00e5ste du uppdatera den. Det finns tyv\u00e4rr inget s\u00e4tt att g\u00f6ra en total konvertering utan att utf\u00f6ra n\u00e5got manuellt arbete.<\/p>\n<p>Det b\u00e4sta du kan g\u00f6ra \u00e4r att l\u00e4sa igenom <a href=\"https:\/\/html.spec.whatwg.org\/\">HTML5-specifikationen<\/a> (eller g\u00e5 en HTML-kurs om du \u00e4r helt ny p\u00e5 spr\u00e5ket) och bekanta dig med \u00e4ndringarna. D\u00e4refter kan du skriva om koden och l\u00e4gga till de nya funktionerna som lades till i HTML5.<\/p>\n<p>Kolla in <a href=\"https:\/\/www.quanzhanketang.com\/html\/html5_migration.html\">den h\u00e4r guiden om att migrera fr\u00e5n HTML4 till HTML5<\/a>. Den g\u00e5r utf\u00f6rligt igenom de manuella \u00e4ndringarna som du beh\u00f6ver g\u00f6ra i koden.<\/p>\n<p>Du kan \u00e4ven prova den h\u00e4r <a href=\"http:\/\/mynthon.net\/tools\/xhtml-to-html5\/\">XHTML till HTML5-omvandlaren<\/a>, men se till att g\u00e5 igenom koden manuellt eller infoga den i en validerare innan du importerar den till en live-webbplats.<\/p>\n<p>Lyckligtvis best\u00e5r HTML5 mestadels av nytt inneh\u00e5ll. Det finns n\u00e5gra <a href=\"https:\/\/www.tutorialspoint.com\/html5\/html5_deprecated_tags.htm\">f\u00f6r\u00e5ldrade taggar<\/a> som du m\u00e5ste byta ut, men f\u00f6rutom detta \u00e4r uppgradering av koden vanligtvis inte s\u00e5 sv\u00e5rt om din webbplats inte f\u00f6rlitar sig starkt p\u00e5 f\u00f6r\u00e5ldrad teknik som frames.<\/p>\n\n<h2>Sammanfattning<\/h2>\n<p>HTML och HTML5 \u00e4r endast tv\u00e5 delar av samma teknik, \u00e4ven om de bjuder p\u00e5 lite olika saker. HTML refererar till markeringsspr\u00e5ket som helhet, ofta till den senaste versionen, medan HTML5 \u00e4r den senaste uppdateringen av detta spr\u00e5k.<\/p>\n<p>Om du vill l\u00e4ra dig HTML \u00e4r det viktigt att anv\u00e4nda dig av den senaste utg\u00e5van: HTML5. Det \u00e4r b\u00e4ttre p\u00e5 alla s\u00e4tt, och \u00e4r definitivt v\u00e4rt anstr\u00e4ngningen, \u00e4ven om det inneb\u00e4r att du beh\u00f6ver konvertera mycket gammal kod manuellt.<\/p>\n<p>HTML5 \u00e4r flera \u00e5r gammalt nu, och som en levande standard f\u00f6r spr\u00e5ket som helhet kommer det st\u00e4ndigt att forts\u00e4tta att uppdateras f\u00f6r att fungera med den moderna webben.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vad \u00e4r den stora skillnaden mellan HTML och HTML5? Om du vill b\u00f6rja med frontend-utveckling eller arbeta med kod i WordPress, m\u00e5ste du ha koll p\u00e5 &#8230;<\/p>\n","protected":false},"author":20,"featured_media":40012,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[176,42],"topic":[],"class_list":["post-40010","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-html","tag-webdev"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML vs HTML5: L\u00e4r dig de avg\u00f6rande skillnaderna mellan dem<\/title>\n<meta name=\"description\" content=\"Vad exakt \u00e4r skillnaden mellan HTML vs HTML5? Om du \u00e4r f\u00f6rvirrad \u00f6ver vilka likheter och skillnader som finns, kan du l\u00e4sa denna artikel.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML vs HTML5: L\u00e4r dig de avg\u00f6rande skillnaderna mellan dem\" \/>\n<meta property=\"og:description\" content=\"Vad exakt \u00e4r skillnaden mellan HTML vs HTML5? Om du \u00e4r f\u00f6rvirrad \u00f6ver vilka likheter och skillnader som finns, kan du l\u00e4sa denna artikel.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstasweden\/\" \/>\n<meta property=\"article:author\" content=\"http:\/\/www.facebook.com\/digitalinkwell\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-14T10:23:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-10T13:55:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/07\/html-vs-html5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brenda Barron\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Vad exakt \u00e4r skillnaden mellan HTML vs HTML5? Om du \u00e4r f\u00f6rvirrad \u00f6ver vilka likheter och skillnader som finns, kan du l\u00e4sa denna artikel.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/07\/html-vs-html5.png\" \/>\n<meta name=\"twitter:creator\" content=\"@digitalinkwell\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_se\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brenda Barron\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/\"},\"author\":{\"name\":\"Brenda Barron\",\"@id\":\"https:\/\/kinqsta.com\/se\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d\"},\"headline\":\"HTML vs HTML5: L\u00e4r dig de avg\u00f6rande skillnaderna mellan dem\",\"datePublished\":\"2021-07-14T10:23:18+00:00\",\"dateModified\":\"2021-08-10T13:55:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/\"},\"wordCount\":2922,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/se\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/07\/html-vs-html5.png\",\"keywords\":[\"html\",\"webdev\"],\"articleSection\":[\"Webbutveckling\"],\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/\",\"url\":\"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/\",\"name\":\"HTML vs HTML5: L\u00e4r dig de avg\u00f6rande skillnaderna mellan dem\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/se\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/07\/html-vs-html5.png\",\"datePublished\":\"2021-07-14T10:23:18+00:00\",\"dateModified\":\"2021-08-10T13:55:07+00:00\",\"description\":\"Vad exakt \u00e4r skillnaden mellan HTML vs HTML5? Om du \u00e4r f\u00f6rvirrad \u00f6ver vilka likheter och skillnader som finns, kan du l\u00e4sa denna artikel.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/07\/html-vs-html5.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/07\/html-vs-html5.png\",\"width\":1460,\"height\":730,\"caption\":\"HTML vs HTML5: L\u00e4r dig de avg\u00f6rande skillnaderna mellan dem\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/se\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML vs HTML5: L\u00e4r dig de avg\u00f6rande skillnaderna mellan dem\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/se\/#website\",\"url\":\"https:\/\/kinqsta.com\/se\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/se\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/se\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/se\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/se\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinqsta.com\/se\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/se\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstasweden\/\",\"https:\/\/x.com\/kinsta_se\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinqsta.com\/se\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d\",\"name\":\"Brenda Barron\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinqsta.com\/se\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g\",\"caption\":\"Brenda Barron\"},\"description\":\"Brenda Barron is a journalist and copywriter from California. She contributes to sites like WPMU DEV, Envato, and Torque.\",\"sameAs\":[\"http:\/\/www.thedigitalinkwell.com\/\",\"http:\/\/www.facebook.com\/digitalinkwell\",\"http:\/\/www.linkedin.com\/in\/digitalinkwell\",\"https:\/\/x.com\/digitalinkwell\"],\"url\":\"https:\/\/kinqsta.com\/se\/blog\/author\/brendabarron\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"HTML vs HTML5: L\u00e4r dig de avg\u00f6rande skillnaderna mellan dem","description":"Vad exakt \u00e4r skillnaden mellan HTML vs HTML5? Om du \u00e4r f\u00f6rvirrad \u00f6ver vilka likheter och skillnader som finns, kan du l\u00e4sa denna artikel.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/","og_locale":"sv_SE","og_type":"article","og_title":"HTML vs HTML5: L\u00e4r dig de avg\u00f6rande skillnaderna mellan dem","og_description":"Vad exakt \u00e4r skillnaden mellan HTML vs HTML5? Om du \u00e4r f\u00f6rvirrad \u00f6ver vilka likheter och skillnader som finns, kan du l\u00e4sa denna artikel.","og_url":"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstasweden\/","article_author":"http:\/\/www.facebook.com\/digitalinkwell","article_published_time":"2021-07-14T10:23:18+00:00","article_modified_time":"2021-08-10T13:55:07+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/07\/html-vs-html5.png","type":"image\/png"}],"author":"Brenda Barron","twitter_card":"summary_large_image","twitter_description":"Vad exakt \u00e4r skillnaden mellan HTML vs HTML5? Om du \u00e4r f\u00f6rvirrad \u00f6ver vilka likheter och skillnader som finns, kan du l\u00e4sa denna artikel.","twitter_image":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/07\/html-vs-html5.png","twitter_creator":"@digitalinkwell","twitter_site":"@kinsta_se","twitter_misc":{"Skriven av":"Brenda Barron","Ber\u00e4knad l\u00e4stid":"12 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/"},"author":{"name":"Brenda Barron","@id":"https:\/\/kinqsta.com\/se\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d"},"headline":"HTML vs HTML5: L\u00e4r dig de avg\u00f6rande skillnaderna mellan dem","datePublished":"2021-07-14T10:23:18+00:00","dateModified":"2021-08-10T13:55:07+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/"},"wordCount":2922,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/se\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/07\/html-vs-html5.png","keywords":["html","webdev"],"articleSection":["Webbutveckling"],"inLanguage":"sv-SE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/","url":"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/","name":"HTML vs HTML5: L\u00e4r dig de avg\u00f6rande skillnaderna mellan dem","isPartOf":{"@id":"https:\/\/kinqsta.com\/se\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/07\/html-vs-html5.png","datePublished":"2021-07-14T10:23:18+00:00","dateModified":"2021-08-10T13:55:07+00:00","description":"Vad exakt \u00e4r skillnaden mellan HTML vs HTML5? Om du \u00e4r f\u00f6rvirrad \u00f6ver vilka likheter och skillnader som finns, kan du l\u00e4sa denna artikel.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/#primaryimage","url":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/07\/html-vs-html5.png","contentUrl":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/07\/html-vs-html5.png","width":1460,"height":730,"caption":"HTML vs HTML5: L\u00e4r dig de avg\u00f6rande skillnaderna mellan dem"},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/se\/blog\/html-vs-html5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/se\/"},{"@type":"ListItem","position":2,"name":"HTML vs HTML5: L\u00e4r dig de avg\u00f6rande skillnaderna mellan dem"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/se\/#website","url":"https:\/\/kinqsta.com\/se\/","name":"Kinsta\u00ae","description":"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar","publisher":{"@id":"https:\/\/kinqsta.com\/se\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/se\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/se\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/se\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinqsta.com\/se\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/se\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstasweden\/","https:\/\/x.com\/kinsta_se","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinqsta.com\/se\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d","name":"Brenda Barron","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinqsta.com\/se\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g","caption":"Brenda Barron"},"description":"Brenda Barron is a journalist and copywriter from California. She contributes to sites like WPMU DEV, Envato, and Torque.","sameAs":["http:\/\/www.thedigitalinkwell.com\/","http:\/\/www.facebook.com\/digitalinkwell","http:\/\/www.linkedin.com\/in\/digitalinkwell","https:\/\/x.com\/digitalinkwell"],"url":"https:\/\/kinqsta.com\/se\/blog\/author\/brendabarron\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/posts\/40010","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/comments?post=40010"}],"version-history":[{"count":3,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/posts\/40010\/revisions"}],"predecessor-version":[{"id":40014,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/posts\/40010\/revisions\/40014"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40010\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40010\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40010\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40010\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40010\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40010\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40010\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40010\/translations\/se"},{"href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40010\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/media\/40012"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/media?parent=40010"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/tags?post=40010"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/topic?post=40010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}