Hva er HTML5, og hvordan endrer den måten jeg bla gjennom? [MakeUseOf Forklarer]

I løpet av de siste årene har du kanskje hørt begrepet HTML5 hver gang en gang. Uansett om du vet noe om webutvikling eller ikke, kan konseptet være litt nøysomt og forvirrende. Det er åpenbart det neste trinnet i HTML-linjen, men hva gjør det egentlig? Hvorfor er det så mye spenning rundt det? Og hvorfor er det viktig for deg?

HTML, eller HyperText Markup Language, er det viktigste elementet i World Wide Web. Det er språket som brukes til å beskrive hva en nettside skal se ut. Imidlertid er HTML på egenhånd ganske kjedelig fordi den bare kan levere statiske sider; For å møte den økende etterspørselen etter mer imponerende webfunksjoner, har HTML blitt koblet med plugins som CSS, Flash, Java, Silverlight, etc.

Det har blitt noe av en oppblåst rot, og forskjellige nettlesere implementerer disse funksjonene på sine egne måter. HTML5 er ment å løse HTMLs store problemer for en renere og mer effektiv web.

HTML: En oversikt

HTML som vi kjenner det i dag heter HTML4, og den ble publisert første gang i 1997. Ja, det betyr at vi har kjørt på HTML4 i over 15 år nå, noe som er en evighet i teknologisk tid. Rundt 2000 startet et parallelt oppstartsspråk som heter XHTML utvikling, og det har også vært i bruk i løpet av årene, hovedsakelig på grunn av strengere standarder som det pålegger. Generelt sett er de to ganske liknende.

Problemet med HTML4 er begrenset funksjonalitet. Den må utvides gjennom plugins, som Flash, for å gi mer enn enkel tekst og bilder. Mange videospillere, for eksempel, ble opprettet og vedlikeholdt på Flash-plattformen og innebygd i HTML-sider. Mange webapps ble utviklet ved hjelp av Java og innebygd også.

Med alle disse plugins blir det vanskelig å opprettholde riktige standarder. Ideelt sett bør hver nettleser vise hver side på nettet på samme måte for å levere den samme opplevelsen til hver bruker. For å vise de samme resultatene på flere nettlesere, må webutviklere vanligvis implementere hurtige reparasjoner og hack i ulike deler av nettstedet for å imøtekomme ulike gjengivelsesprosesser. Dette blir tungvint etter en stund.

På et mer praktisk notat, må nettsider som krever plugins som Flash og Java ende opp med mye mer CPU og RAM. Noen gang lurt på hvorfor nettleseren bruker så mye av datamaskinens ressurser? Mye av det kan tilskrives disse HTML-utvidelsene. Dette er en grunn til at Apple har deaktivert Flash-støtte på sine mobile enheter (for å spare batterilevetid).

Hva er egentlig HTML5?

HTML4 har fungert bra, men det har åpenbart en rekke feil. Teamet bak HTML5 har en viss plan på høyt plan for neste trinn i HTML, noe som betyr at HTML5 må bygges på følgende prinsipper:

• Mindre avhengighet av plugins for funksjonalitet.
• Skripting bør erstattes med markering når det er mulig.
• Enhets uavhengighet (dvs. tilgjengelig på alle enheter og gir samme sluttopplevelse).
• Offentlig utviklingsprosess slik at folk kan se hva som skjer.

Mer spesifikt legger HTML5 til en hel del nye merketapper. Topp 11 HTML-merker Hver Blogger og Nettstedseier må vite Topp 11 HTML-merker Hver Blogger og Nettstedseier må vite World wide web har mange språk og er kodet i flere forskjellige. Det ene språket, men det kan bli funnet over og har eksistert siden oppfinnelsen av nettsider, er ... Les mer:

• og
• tag som identifiserer et bestemt, enkelt innholdsstykke, for eksempel et blogginnlegg eller en brukerkommentar.
• tag som lar deg definere en generisk del av innholdet lik den eksisterende

  stikkord.
• og koder for å markere inkluderingen av lyd- eller videoinnhold.
• tag som lar deg tegne grafikk ved hjelp av et eget skriptspråk.
• tag for å legge inn eksternt innhold eller applikasjoner på siden.

HTML5 avskriver også noen koder: , , , , , </strong>, og en håndfull andre.</p><p>Fullstandsstandardspesifikasjonen for HTML5 er planlagt å være ferdig innen 2014, men HTML5 har gjort mye fremgang allerede, og det kan brukes til å implementere nettstedfunksjoner selv i dag. Fullstandsstandardspesifikasjonen for HTML5.1 er planlagt å være ferdig innen 2016.</p><h2>Hvorfor HTML5 sager for deg</h2><p>Som en webbruker vil du dra nytte av HTML5 fordi det løser de mest skjulte problemene i HTML4. Nettsteder vil ha bedre webstandarder, noe som vil resultere i mer effektivt innhold og forbedret ytelse. Siden HTML5 er vedtatt over hele linjen, bør nettsider begynne å laste raskere, mindre båndbredde skal brukes, og batterilevetid på mobile enheter. 7 måter å øke batterilevetiden til mobilen din [iPhone, Android, andre smarttelefoner] 7 måter å øke din Mobiltelefon batterilevetid [iPhone, Android, Andre Smartphones] Langt en av de mest skuffende funksjonene i omtrent alle smarttelefoner i disse dager er batterilevetiden, som for de fleste av oss krever minst én lading per 24-timers periode. Er du en ... Les mer bør vare lenger.</p><p>I tillegg trenger du ikke å holde så mange plugins som Flash og Java oppdatert. Jeg hater det når jeg hele tiden må oppdatere så mange addons og plugins på flere nettlesere. Og hva skjer når en av dem er feil versjon? Nettsteder slutter å jobbe og frustrerer. Alt dette bør løses med når HTML5 blir hovedstandarden.</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>Hvis du bare er en vanlig nettbruker, og du ikke har noen intensjoner om koding eller vedlikehold av ditt eget nettsted, trenger du ikke gjøre noe for å nyte HTML5s fantastiske funksjoner. Alle de store nettleserne støtter i dag HTML5, og du har sikkert utnyttet det allerede uten å vite. Bare hold nettleseren oppdatert, og du vil være god å gå.</p><p>Og hvis du er en webutvikler, vil HTML5 gjøre alt enklere og enklere for deg. Hvis alt går bra, trenger du ikke å håndtere kantsaker i webdesign siden alle nettlesere må overholde de samme standardene.</p><h2>Konklusjon</h2><p>HTML5 er fremtiden for nettlesing, og det vil sikkert revolusjonere måten vi surfer på Internett. Selv under den begrensede naturen til HTML4, har utviklere opprettet noen overveldende nettsteder, så det vil være interessant å se hva slags fine fremskritt de vil gjøre med funksjonaliteten til HTML5.</p><p>Forhåpentligvis nå kan du se HTML5 i et klarere lys og se hvorfor det har blitt hyped opp så mye som det har. Du kan videre lære deg på disse ti nettstedene som viser deg hva HTML5 handler om 10 nettsteder for å se hva HTML5 handler om 10 nettsteder for å se hva HTML5 handler om Les mer. Du bør også sjekke ut vår HTML5-veiledning for å lære mer. Hvis du har spørsmål, vennligst spør i kommentarene og jeg vil gjøre mitt beste for å svare deg.</p><p><small>Image Credits: HTML5 Via Shutterstock, HTML-kode via Shutterstock, HTML5 Tag Cloud Via Shutterstock, Guy On Laptop Via Shutterstock</small></p> <p><small>Utforsk mer om: HTML, HTML5, Programmering, Webutvikling.</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"> « Hva er HSTS og hvordan beskytter den HTTPS fra hackere?</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">Hva er HTTP / 2 og hvordan påvirker det Internettets fremtid? » </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://no.ephesossoftware.com">no.ephesossoftware.com</a> </div> <div class="col-md-6 col-sm-6 text-center text-lg-right"> <span>Nyheter fra verden av moderne teknologi!</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>