Gadgetshowto
HTML5 heeft Flash, Silverlight, XHTML en andere platforms bijna vervangen als een veiligere, veelzijdiger oplossing op internet. Dus wat is HTML5 en hoe is het erin geslaagd om de allesomvattende webontwikkelingstool te worden? Vandaag kijken we naar de meest gebruikte opmaaktaal op internet en hoe deze de manier heeft veranderd waarop ontwikkelaars websites maken en er verschillende moderne functionaliteiten in implementeren..
HTML5: wat is het en hoe werkt het?
Hier zullen we leren over HTML5, de voordelen ervan en hoe het verschilt van Flash, Silverlight en andere webontwikkelingsplatforms die het al heeft vervangen of dat het in de toekomst gaat doen. Dus laten we zonder verder oponthoud meteen duiken en ontdekken waarom de meeste webontwikkelaars HTML5 verkiezen, wie het onderhoudt en waarom het wordt aanbevolen door het World Wide Web Consortium (W3C). Inhoudsopgave + -
Wat is HTML5?
HTML5 is een programmeertaal en de nieuwste openbare iteratie van HyperText Markup Language of HTML, opgericht in 1989 door de uitvinder van het World Wide Web, Sir Tim Berners Lee. Aanbevolen door het WWW Consortium (W3C), wordt gebruikt voor het structureren en presenteren van inhoud op internet en wordt onderhouden door een consortium van de belangrijkste browserleveranciers, waaronder Apple, Google, Mozilla en Microsoft. Samen vormen ze het Werkgroep Web Hypertext Application Technology (WHATWG), die nu de enige autoriteit heeft over de HTML- en DOM-standaarden (Document Object Model) nadat W3C vorig jaar de controle had afgestaan.
De HTML 'Living Standard' van WHATWG, die voortdurend wordt geüpgraded, is nu gezaghebbend, ter vervanging van de statische, op snapshots gebaseerde standaard die eerder door het W3C werd gepropageerd. De twee hebben vaak op gespannen voet met elkaar gestaan, met name over de toegestane inhoud van de element, dat een belangrijke bron van twist was tussen de twee organisaties, waarbij de W3C-definitie een breder scala aan toepassingen toestond dan de WHATWG-definitie. Ze hebben de afgelopen jaren echter samengewerkt om een uniforme HTML5-standaard op internet te ontwikkelen.
Hoe werkt HTML5?
HTML5 bevat alle drie de basiscomponenten voor webontwerp: HTML, CSS en JavaScript. Terwijl HTML wordt gebruikt om tekst op een webpagina te maken, wordt CSS gebruikt voor de opmaak en om aan te geven hoe elementen op een webpagina worden gepresenteerd. Wat betreft JavaScript, het is verantwoordelijk voor gebruikersactiviteit en actie op een webpagina. Met behulp van deze elementen kunnen ontwikkelaars responsieve webpagina's maken die automatisch alle elementen kunnen herschikken om op het scherm van desktops, laptops en mobiele telefoons te passen, ongeacht hun grootte, resolutie en beeldverhouding..
Welke technologieën heeft het vervangen?
HTML5 werd voor het eerst uitgebracht in een openbare vorm in 2008, met een grote update in oktober 2014. Het was bedoeld om niet alleen HTML4 (oorspronkelijk gestandaardiseerd in 1997) te vervangen, maar ook XHTML 1 en DOM Level 2 HTML. Gezien zijn veelzijdigheid en ontwikkelingsgemak stopte W3C, dat XHTML 2.0 aan het ontwikkelen was als een concurrerend platform, ermee te werken en beval het HTML5 aan als de toekomst van webontwikkeling..
Aan de gebruikerskant is dat de grootste verandering ten opzichte van HTML4 we hebben geen plug-ins meer nodig zoals Adobe Flash of Microsoft Silverlight om video's op verschillende websites af te spelen. Weet je nog dat je tien jaar geleden vaak werd gevraagd om 'Flash bij te werken' (of Silverlight) terwijl je online video's probeerde af te spelen? Wanneer heb je voor het laatst zo'n prompt gezien? En wanneer was de laatste keer dat u Java op uw computer moest updaten? De kans is groot dat u dergelijke berichten de afgelopen vijf jaar niet hebt gezien.
Als u nog steeds dergelijke prompts ziet, moet u stoppen met het bezoeken van die sites omdat het oude, verouderde sites zijn die een beveiligingsrisico vormen of nep-sites zijn die worden beheerd door oplichters die malware op uw systeem proberen te installeren. Vanaf september 2020 gebruikte minder dan 0,035% van de sites Silverlight, 2,5% gebruikte Adobe Flash en minder dan 0,017% gebruikte Java, waardoor ze vrijwel overbodig waren in het moderne web dat rond HTML5 is gebouwd..
Wat zijn de voordelen van HTML5?
Er zijn veel redenen waarom HTML5 het favoriete webontwikkelingsplatform is geworden. Het is niet alleen gemakkelijker om te coderen in dan andere opmaaktalen, maar ook bevat ingebouwde rijke multimediafuncties die ervoor zorgen dat er geen andere software of browserplug-in nodig is om een complete website helemaal opnieuw te ontwerpen. Met deze technologie kunnen webontwerpers alle soorten applicaties, animaties en andere multimediafuncties ontwikkelen die in een browser worden uitgevoerd.
Een andere belangrijke reden voor het gebruik van HTML5 is het feit dat het geen eigendom is, wat betekent dat u geen royalty's hoeft te betalen om het te gebruiken. Het is ook een platformonafhankelijke technologie die kunnen worden gebruikt om websites weer te geven op Windows-pc's, Linux-machines, MacBooks, Android, iPhones, smart-tv's en meer. Alles wat je nodig hebt, een compatibele user-agent (een van de populaire moderne browsers), en je hebt toegang tot alle goodies die beschikbaar zijn op internet binnen handbereik.
Bovendien stelt HTML5 ontwikkelaars ook in staat om geavanceerde functies zoals gps, camera en versnellingsmeter in hun webapps te gebruiken, waardoor het het meest geschikt is voor het 'mobile-first'-tijdperk van vandaag. Het heeft het ook gemakkelijker gemaakt om discussieforums, tools voor slepen en neerzetten, chatplatforms en tal van andere elementen toe te voegen aan websites.
Een ander enorm voordeel van HTML5 is dat het ontwikkelaars in staat stelt eenvoudig applicaties naar mobiel te porten. Nu elke browser wordt geleverd met native ondersteuning voor de standaard, heeft deze ook grotendeels verouderde platforms zoals Flash en Silverlight vervangen, waardoor de beveiliging is verbeterd en een naadloze browse-ervaring wordt geboden..
Wat zijn de nadelen van HTML5?
Ondanks zijn bijna alomtegenwoordigheid, heeft HTML5 zijn eigen reeks problemen waar zowel programmeurs als eindgebruikers last van hebben. De belangrijkste daarvan is de gebrek aan een standaard HTML5-videoformaat, maar er zijn ook andere problemen die een probleem blijven in wat anders het meest betrouwbare, beveiligde en veelzijdige webontwikkelingsplatform is. Hier zijn enkele van de nadelen van HTML5:
1. Geen standaard video-ondersteuning voor alle browsers
Een van de belangrijkste problemen met HTML5 is de verwarring over de ondersteuning van videoformaten voor verschillende browsers. Ook al ondersteunen alle moderne browsers HTML5 enkele jaren geleden, niet iedereen ondersteunt alle HTML5-videoformaten. Er is vaak verwarring over welke browser welk videoformaat ondersteunt, want dat hangt niet alleen af van de user-agent, maar ook van het platform (Windows, Android, Linux, enz.).
Onder de belangrijkste formaten, H.264 is de de facto standaard geworden, die door alle browsers op alle platforms wordt ondersteund. Ogg Theora wordt ook ondersteund door alle browsers op alle platforms behalve Safari op iOS, terwijl VP8 / WebM ook door alles wordt ondersteund, hoewel Safari handmatige installatie vereist. Er is ook een soortgelijk probleem met audio, hoewel WAV (PCM) en MP3 (MPEG) worden ondersteund door alle grote browsers.
2. HTML5 'Living Standard' evolueert altijd
Het helpt ook niet dat de 'Living Standard'maakt HTML een bewegend doelwit voor webontwikkelaars die vaak moeten twijfelen over ondersteuning voor nieuwe functies. Hoewel sommigen de voortdurende upgrades als een voordeel beschouwen, kunnen onverwachte wijzigingen in de standaard elementen in een website onbruikbaar maken totdat de beheerder een oplossing heeft uitgebracht. In werkelijkheid gebeurt dit zelden met up-to-date sites, maar het is nog steeds een probleem dat webontwerpers op scherp houdt.
3. Gamen met JavaScript
Een andere grote hindernis is gamingondersteuning, omdat de enige scripttaal die wordt ondersteund door HTML5, JavaScript is een niet ideaal platform voor een sterke game-ervaring. Aangepaste naamruimten, lidtoegang, interfaces en overerving hebben problemen met JavaScript, waardoor ontwikkelaars moeten zoeken naar tijdelijke oplossingen. Dat gezegd hebbende, zijn game-ontwikkelaars nog steeds overgestapt van Flash naar HTML5 vanwege naadloze platformonafhankelijke ondersteuning voor alle user-agents.
HTML5-browserondersteuning
Zoals eerder vermeld, zijn alle moderne browsers, inclusief Edge, Firefox, Chrome, Safari en Opera ondersteunen ten minste enkele elementen van HTML5 op alle platforms. Hun steun voor de standaard manifesteert zich echter niet identiek. Als vuistregel ondersteunt Firefox het breedste scala aan HTML5-functies, waarbij Chrome op de voet volgt.
Hier is een (niet-volledige) lijst van de browsers die HTML5 ondersteunen:
- Microsoft Edge
- Mozilla Firefox
- Google Chrome
- Apple Safari
- Opera
- Opera Mobile
- Android-browser
- Chroom
- Konqueror
- GNOME Web
Je kunt CanIuse.com bekijken voor een gedetailleerd overzicht van wat wordt ondersteund door welke versie van welke browser op welk platform.
HTML5: het heden en de toekomst van webontwikkeling
HTML5 verbetert de manier waarop het web werkt, waardoor het voor ontwikkelaars gemakkelijker wordt om geweldige websites te maken en voor gebruikers om die creaties te ervaren, ongeacht hun apparaat naar keuze of de browser die ze gebruiken. Het is het grootste en meest populaire webontwikkelingsplatform en met zijn steeds evoluerende standaarden met nieuwe functies en functionaliteiten, zal het waarschijnlijk zo blijven in de nabije toekomst.
