Gadgetshowto
HTML5 har alt andet end erstattet Flash, Silverlight, XHTML og andre platforme som en mere sikker og mere alsidig løsning på nettet. Så hvad er HTML5, og hvordan har det formået at blive det altomfattende webudviklingsværktøj? I dag ser vi på internettets mest anvendte markup-sprog, og hvordan det har ændret den måde, udviklere opretter websteder på og implementerer forskellige moderne funktioner i dem.
HTML5: Hvad er det, og hvordan fungerer det?
Her vil vi lære om HTML5, dens fordele, og hvordan det adskiller sig fra Flash, Silverlight og andre webudviklingsplatforme, som det enten allerede har erstattet eller er klar til at gøre det fremover. Så uden videre, lad os dykke lige ind og lære, hvorfor de fleste webudviklere foretrækker HTML5, hvem vedligeholder det, og hvorfor det anbefales af World Wide Web Consortium (W3C). Indholdsfortegnelse + -
Hvad er HTML5?
HTML5 er et programmeringssprog og den seneste iteration af HyperText Markup Language eller HTML, oprettet i 1989 af opfinderen af World Wide Web, Sir Tim Berners Lee. Anbefalet af WWW Consortium (W3C), det bruges til at strukturere og præsentere indhold på nettet og vedligeholdes af et konsortium blandt de største browserudbydere, inklusive Apple, Google, Mozilla og Microsoft. Sammen udgør de Web Hypertext Application Technology Working Group (WHATWG), som nu har den eneste myndighed over standarderne HTML og DOM (Document Object Model) efter W3C afstod kontrol sidste år.
WHATWGs HTML 'Living Standard', der løbende opgraderes, er nu autoritativ, udskiftning af den statiske, øjebliksbillede-baserede standard, der tidligere blev udbredt af W3C. De to har ofte været i strid med hinanden, især om det tilladte indhold i element, som var en væsentlig kilde til strid mellem de to organisationer, med W3C-definitionen, der muliggør en bredere vifte af anvendelser end WHATWG-definitionen. De har dog arbejdet sammen i løbet af de sidste mange år for at udvikle en samlet HTML5-standard på nettet.
Hvordan fungerer HTML5?
HTML5 inkluderer alle 3 grundlæggende webdesignkomponenter - HTML, CSS og JavaScript. Mens HTML bruges til at oprette tekst på en webside, bruges CSS til styling og til at indikere, hvordan elementer på en webside vil blive præsenteret. Hvad JavaScript angår, er det ansvarligt for brugeraktivitet og handling på en webside. Ved hjælp af disse elementer kan udviklere oprette responsive websider, der automatisk kan omarrangere alle elementer, så de passer til skærmen på desktops, laptops og mobiler, uanset størrelse, opløsning og billedformat.
Hvilke teknologier har den erstattet?
HTML5 blev først udgivet i offentligt vendende form i 2008 med en større opdatering i oktober 2014. Det var meningen at erstatte ikke kun HTML4 (oprindeligt standardiseret i 1997), men også XHTML 1 og DOM niveau 2 HTML. I betragtning af sin alsidighed og lette udvikling er W3C, der udviklede XHTML 2.0 som en konkurrerende platform, dog stoppet med at arbejde på det og anbefalede HTML5 som fremtiden for webudvikling.
Fra brugersiden er den største ændring fra HTML4 det vi har ikke længere brug for plugins som Adobe Flash eller Microsoft Silverlight for at afspille videoer på forskellige websteder. Husk, hvordan du for ti år siden ofte blev bedt om at 'Opdatere Flash' (eller Silverlight), mens du forsøgte at afspille videoer online? Hvornår så du sidst en sådan prompt? Og hvornår var sidste gang du havde brug for at opdatere Java på din computer? Chancerne er, at du ikke har set sådanne beskeder i de sidste fem år.
Hvis du stadig ser sådanne meddelelser, skal du stoppe med at besøge disse websteder, fordi de enten er gamle, forældede websteder, der udgør en sikkerhedsrisiko eller er falske websteder, der drives af svindlere, der prøver at installere malware på dit system. Fra september 2020 brugte færre end 0,035% af siderne Silverlight, 2,5% brugte Adobe Flash og mindre end 0,017% brugte Java, hvilket gjorde dem stort set overflødige i det moderne web bygget omkring HTML5.
Hvad er fordelene ved HTML5?
Der er mange grunde til, at HTML5 er blevet den foretrukne webudviklingsplatform. Det er ikke kun lettere at kode på end andre markup-sprog, men det er også inkluderer indbyggede rige multimediefunktioner der sikrer, at der ikke kræves anden software eller browser-plugin for at designe et komplet websted fra bunden. Teknologien giver webdesignere mulighed for at udvikle alle typer applikationer, animationer og andre multimediefunktioner, der kører i en browser.
En anden massiv grund til optagelsen af HTML5 er det faktum, at det ikke er proprietært, hvilket betyder, at du ikke behøver at betale royalties for at bruge det. Det er også en platform-agnostisk teknologi der kan bruges til at gengive websteder på Windows-pc'er, Linux-maskiner, MacBooks, Android, iPhones, smart-tv og mere. Alt hvad du behøver en kompatibel brugeragent (enhver af de populære moderne browsere), og du kan få adgang til alle de godbidder, der er tilgængelige på nettet lige ved hånden.
Hvad mere er, HTML5 gør det også muligt for udviklere at bruge avancerede funktioner såsom GPS, kamera og accelerometer i deres webapps, hvilket gør det bedst egnet til nutidens 'mobile-first' æra. Det har også gjort det lettere at tilføje diskussionsforum, træk-og-slip-værktøjer, chatplatforme og en lang række andre elementer til websteder.
En anden massiv fordel ved HTML5 er, at det giver udviklere mulighed for nemt at portere applikationer til mobil. Nu hvor hver browser leveres med indbygget support til standarden, har den også i vid udstrækning erstattet ældre platforme som Flash og Silverlight, hvilket forbedrer sikkerheden og tilbyder en problemfri browseroplevelse.
Hvad er ulemperne ved HTML5?
På trods af sin næsten allestedsnærværende kommer HTML5 med sit eget sæt problemer, der besværer både programmører og slutbrugere. Primær blandt dem er manglende standard HTML5-videoformat, men der er også andre problemer, der forbliver et problem i, hvad der ellers er den mest pålidelige, sikrede og funktionsrige webudviklingsplatform. Her er nogle af ulemperne ved HTML5:
1. Ingen standard videostøtte til alle browsere
Et af de største problemer med HTML5 er forvirringen omkring understøttelse af videoformat til forskellige browsere. Selvom alle moderne browsere inkorporeret HTML5-support for flere år siden, ikke alle understøtter alle HTML5-videoformater. Der har ofte været forvirring om, hvilken browser der understøtter hvilket videoformat, fordi det afhænger ikke kun af brugeragenten, men også platformen (Windows, Android, Linux osv.).
Blandt de vigtigste formater, H.264 er blevet de facto-standarden, hvor alle browsere understøtter det på alle platforme. Ogg Theora understøttes også af alle browsere på alle platforme undtagen Safari på iOS, mens VP8 / WebM også understøttes af alt, selvom Safari kræver manuel installation. Der er også et lignende problem med lyd, selvom WAV (PCM) og MP3 (MPEG) understøttes af alle de store browsere..
2. HTML5 'Levestandard' udvikler sig altid
Det hjælper heller ikke, at 'Levestandard'gør HTML til et bevægeligt mål for webudviklere, der ofte skal gætte om support til nye funktioner. Mens nogle betragter de løbende opgraderinger som en fordel, kan uventede ændringer i standarden gøre elementer på et websted ubrugeligt, indtil administratoren udsteder en løsning. I virkeligheden sker dette sjældent med opdaterede websteder, men det er stadig et problem, der holder webdesignere på tenterhooks.
3. Spil med JavaScript
En anden stor forhindring er spilstøtte, fordi det eneste script-sprog, der understøttes af HTML5, JavaScript er en mindre end ideel platform til en stærk spiloplevelse. Brugerdefinerede navneområder, medlemsadgang, grænseflader og arv har problemer under JavaScript, hvilket tvinger udviklere til at se efter løsninger. Når det er sagt, er spiludviklere stadig flyttet fra Flash til HTML5 på grund af problemfri support på tværs af platforme på tværs af alle brugeragenter.
HTML5-browsersupport
Som nævnt tidligere, alle moderne browsere, herunder Edge, Firefox, Chrome, Safari og Opera understøtter i det mindste nogle elementer i HTML5 på alle platforme. Imidlertid manifesterer deres støtte til standarden sig ikke identisk. Som en tommelfingerregel understøtter Firefox det bredeste udvalg af HTML5-funktioner, hvor Chrome følger tæt efter.
Her er en (ikke udtømmende) liste over de browsere, der understøtter HTML5:
- Microsoft Edge
- Mozilla Firefox
- Google Chrome
- Apple Safari
- Opera
- Opera Mobile
- Android-browser
- Krom
- Konqueror
- GNOME-web
Du kan tjekke CanIuse.com for en detaljeret opdeling af, hvad der understøttes af hvilken version af hvilken browser på hvilken platform.
HTML5: nutiden og fremtiden for webudvikling
HTML5 forbedrer den måde, hvorpå internettet fungerer, hvilket gør det lettere for udviklere at oprette fantastiske websteder og for brugerne at opleve disse kreationer uanset deres valgte enhed eller den browser, de bruger. Det er den største og mest populære webudviklingsplatform, og med sine stadigt udviklende standarder, der indeholder nye funktioner og funktioner, forbliver det sandsynligvis i en overskuelig fremtid.
