Gadgetshowto
HTML5 har allt annat än ersatt Flash, Silverlight, XHTML och andra plattformar som en säkrare, mer mångsidig lösning på webben. Så vad är HTML5 och hur har det lyckats bli det allomfattande webbutvecklingsverktyget? Idag ska vi titta på webbens mest använda markeringsspråk och hur det har förändrat hur utvecklare skapar webbplatser och implementerar olika moderna funktioner i dem.
HTML5: Vad är det och hur fungerar det??
Här lär vi oss om HTML5, dess fördelar och hur den skiljer sig från Flash, Silverlight och andra webbutvecklingsplattformar som den antingen redan har ersatt eller är redo att göra det framöver. Så utan vidare, låt oss dyka in och lära oss varför de flesta webbutvecklare föredrar HTML5, vem underhåller det och varför det rekommenderas av World Wide Web Consortium (W3C). Innehållsförteckning + -
Vad är HTML5?
HTML5 är ett programmeringsspråk och den senaste iteration av HyperText Markup Language, eller HTML, skapades 1989 av uppfinnaren av World Wide Web, Sir Tim Berners Lee. Rekommenderas av WWW Consortium (W3C), det används för att strukturera och presentera innehåll på webben och underhålls av ett konsortium av de stora webbläsarleverantörerna, inklusive Apple, Google, Mozilla och Microsoft. Tillsammans bildar de Web Hypertext Application Technology Working Group (WHATWG), som nu har ensam behörighet över standarderna HTML och DOM (Document Object Model) efter att W3C avgett kontrollen förra året.
WHATWG: s HTML 'Living Standard', som kontinuerligt uppgraderas, är nu auktoritativ, ersätter den statiska, ögonblicksbildbaserade standarden som förökats av W3C tidigare. De två har ofta varit i strid med varandra, särskilt om det tillåtna innehållet i element, som var en viktig tvistkälla mellan de två organisationerna, med W3C-definitionen som möjliggjorde ett bredare användningsområde än WHATWG-definitionen. De har dock arbetat tillsammans under de senaste åren för att utveckla en enhetlig HTML5-standard på nätet.
Hur fungerar HTML5?
HTML5 innehåller alla tre grundläggande webbdesignkomponenter - HTML, CSS och JavaScript. Medan HTML används för att skapa text på en webbsida används CSS för styling och för att ange hur element på en webbsida kommer att presenteras. När det gäller JavaScript är det ansvarigt för användaraktivitet och åtgärder på en webbsida. Med hjälp av dessa element kan utvecklare skapa responsiva webbsidor som automatiskt kan ordna om alla element så att de passar skärmen på stationära datorer, bärbara datorer och mobiler, oavsett storlek, upplösning och bildförhållande.
Vilka tekniker har den ersatt?
HTML5 släpptes först offentligt 2008, med en stor uppdatering i oktober 2014. Den var avsedd att ersätta inte bara HTML4 (ursprungligen standardiserad 1997) utan också XHTML 1 och DOM nivå 2 HTML. Med tanke på dess mångsidighet och enkelhet att utveckla slutade W3C, som utvecklade XHTML 2.0 som en konkurrerande plattform, arbeta med det och rekommenderade HTML5 som framtiden för webbutveckling.
Från användarsidan är den största förändringen från HTML4 vi behöver inte längre plugins som Adobe Flash eller Microsoft Silverlight för att spela upp videor på olika webbplatser. Kommer du ihåg hur du för ett decennium sedan ofta blev ombedd att ”uppdatera Flash” (eller Silverlight) när du försökte spela upp videor online? När såg du sist en sådan uppmaning senast? Och när sista gången behövde du uppdatera Java på din dator? Chansen är stor att du inte har sett sådana meddelanden under de senaste fem åren.
Om du fortfarande ser sådana uppmaningar måste du sluta besöka dessa webbplatser eftersom de antingen är gamla, föråldrade webbplatser som utgör en säkerhetsrisk eller är falska webbplatser som drivs av bedragare som försöker installera skadlig kod på ditt system. Från och med september 2020 använde färre än 0,035% av webbplatserna Silverlight, 2,5% använde Adobe Flash och mindre än 0,017% använde Java, vilket gjorde dem ganska överflödiga på den moderna webben byggd kring HTML5.
Vad är fördelarna med HTML5?
Det finns många anledningar till att HTML5 har blivit den föredragna webbutvecklingsplattformen. Det är inte bara enklare att koda på än andra markeringsspråk, men det är också innehåller inbyggda rika multimediafunktioner som säkerställer att ingen annan programvara eller webbläsarplugg krävs för att designa en komplett webbplats från grunden. Tekniken gör det möjligt för webbdesigners att utveckla alla typer av applikationer, animationer och andra multimediafunktioner som körs i en webbläsare.
En annan massiv anledning till att HTML5 tas upp är att det inte är proprietärt, vilket innebär att du inte behöver betala royalty för att använda den. Det är också en plattform-agnostisk teknik som kan användas för att återge webbplatser på Windows-datorer, Linux-maskiner, MacBooks, Android, iPhones, smart-tv och mer. Allt du behöver en kompatibel användaragent (någon av de populära moderna webbläsarna), och du kan ha tillgång till alla godsaker som finns tillgängliga på nätet till hands.
Dessutom möjliggör HTML5 också utvecklare att använda avancerade funktioner som GPS, kamera och accelerometer i sina webbappar, vilket gör den bäst lämpad för dagens "mobil-första" era. Det har också gjort det lättare att lägga till diskussionsforum, dra-och-släpp-verktyg, chattplattformar och en mängd andra element på webbplatser.
En annan stor fördel med HTML5 är att det gör det möjligt för utvecklare att enkelt porta applikationer till mobilen. Nu när varje webbläsare levereras med inbyggt stöd för standarden har den till stor del ersatt äldre plattformar som Flash och Silverlight, vilket förbättrat säkerheten och erbjuder en sömlös surfupplevelse.
Vad är nackdelarna med HTML5?
Trots sin nästan allestädes närvarande kommer HTML5 med sin egen uppsättning problem som besvärar både programmerare och slutanvändare. Primär bland dem är brist på standard HTML5-videoformat, men det finns också andra problem som fortfarande är ett problem i vad som annars är den mest pålitliga, säkra och funktionsrika webbutvecklingsplattformen. Här är några av nackdelarna med HTML5:
1. Inget standardvideostöd för alla webbläsare
En av de största problemen med HTML5 är förvirringen när det gäller stöd för videoformat för olika webbläsare. Även om alla moderna webbläsare har HTML5-stöd för flera år sedan, inte alla stöder alla HTML5-videoformat. Det har ofta förekommit förvirring om vilken webbläsare som stöder vilket videoformat, för det beror inte bara på användaragenten utan också på plattformen (Windows, Android, Linux osv.).
Bland huvudformaten, H.264 har blivit de facto-standarden, med alla webbläsare som stöder den på alla plattformar. Ogg Theora stöds också av alla webbläsare på alla plattformar utom Safari på iOS, medan VP8 / WebM också stöds av allt, men Safari kräver manuell installation. Det finns också en liknande fråga med ljud, även om WAV (PCM) och MP3 (MPEG) stöds av alla större webbläsare.
2. HTML5 'levnadsstandard' utvecklas alltid
Det hjälper inte heller attLevnadsstandard'gör HTML till ett rörligt mål för webbutvecklare som ofta måste gissa om stöd för nya funktioner. Medan vissa anser att kontinuerliga uppgraderingar är en fördel kan oväntade standardändringar göra element på en webbplats oanvändbar tills administratören utfärdar en fix. I verkligheten händer detta sällan med uppdaterade webbplatser, men det är fortfarande ett problem som håller webbdesigners på tenterhooks.
3. Spel med JavaScript
Ett annat stort hinder är spelstöd eftersom det enda skriptspråket som stöds av HTML5, JavaScript är en mindre än idealisk plattform för en stark spelupplevelse. Anpassade namnutrymmen, medlemsåtkomst, gränssnitt och arv har problem under JavaScript, vilket tvingar utvecklare att leta efter lösningar. Med detta sagt har spelutvecklare fortfarande flyttat från Flash till HTML5 på grund av sömlöst plattformsstöd över alla användaragenter.
HTML5-webbläsarstöd
Som nämnts tidigare, alla moderna webbläsare, inklusive Edge, Firefox, Chrome, Safari och Opera stöder åtminstone vissa delar av HTML5 på alla plattformar. Men deras stöd för standarden manifesterar sig inte identiskt. Som tumregel stöder Firefox det bredaste utbudet av HTML5-funktioner, med Chrome som följer nära.
Här är en (icke uttömmande) lista över webbläsare som stöder HTML5:
- Microsoft Edge
- Mozilla Firefox
- Google Chrome
- Apple Safari
- Opera
- Opera Mobile
- Android-webbläsare
- Krom
- Konqueror
- GNOME-webben
Du kan kolla in CanIuse.com för en detaljerad beskrivning av vad som stöds av vilken version av vilken webbläsare på vilken plattform.
HTML5: Nutiden och framtiden för webbutveckling
HTML5 förbättrar hur webben fungerar, vilket gör det lättare för utvecklare att skapa bra webbplatser och för användare att uppleva dessa skapelser oavsett vilken enhet de väljer eller vilken webbläsare de använder. Det är den största och mest populära webbutvecklingsplattformen, och med sina ständigt utvecklande standarder som innehåller nya funktioner och funktioner kommer det sannolikt att förbli så under överskådlig framtid.
