Welk element wordt niet meer ondersteund in html5. HTML5-fout in videospeler repareren

Voordat u nieuwe tags leert, moet u vertrouwd raken met de ondersteuningstools voor browsertags. Om de tag te controleren, kunt u htmlbook met illustraties gebruiken:

Ondersteuning voor centertags in HTML-specificaties

Het is duidelijk dat de tag

niet ondersteund in specificatie 5.0 ( roze), en werd gedeeltelijk ondersteund in specificatie 4.01 (geel). Overigens moet je nu CSS gebruiken om blokken en afbeeldingen uit te lijnen.


Aanbeveling om de middelste tag niet te gebruiken in html5-code

Met behulp van deze bronnen kunt u dus navigeren door het juiste gebruik van tags en hun ondersteuning vanuit browsers.

Laten we eens kijken naar de nieuwe elementen die zijn geïntroduceerd.

Audiotag

Label

Als de tag niet wordt ondersteund, wordt er een bericht weergegeven in de tag waarin u wordt gevraagd het bestand rechtstreeks te downloaden.

Muziek downloaden.

De audiotag wordt niet ondersteund door uw browser..

Muziek downloaden

lus – lus afspelen merk dat op verschijning speler binnen verschillende browsers

verschillend.

Videotag Hiermee kunt u een videospeler op een pagina insluiten zonder deze te gebruiken diensten van derden

De videotag wordt niet ondersteund door uw browser. Download de video.>

"video/ogg; codecs="theora, vorbis"">

"video/mp4; codecs="avc1.42E01E, mp4a.40.2"">

"video/webm; codecs="vp8, vorbis""

De videotag wordt niet ondersteund door uw browser. Download de video.

Kenmerken zijn vergelijkbaar met een tag

Deze tag wordt gebruikt om blokken te maken met video als achtergrond.

canvas label Gebruikt voor tekenen in HTML5. Het gebruik van canvas maakte het mogelijk om op te geven Flash-technologieën . Het tekenen is klaar met behulp van JavaScript . Taggebruik

je leert het in JS-lessen.

Uw browser ondersteunt geen tekenen.

Uw browser ondersteunt geen tekenen.

Wordt gebruikt om slimme vervolgkeuzelijsten te maken. Dupliceert de functionaliteit van de vervolgkeuzelijst, maar voegt daaraan de mogelijkheid toe om naar items te zoeken op basis van de letters in de woorden en uw eigen optie in te voeren. Ideaal voor gebruik op lijsten waarvan de items vooraf bekend zijn.

Helaas is de browserondersteuning zeer beperkt. Bovendien demonstreren browsers tegenwoordig absoluut diverse banen met dit element. Voorlopig moet u afzien van het gebruik ervan.

Details-tag

Hiermee kunt u een blok maken dat wordt geopend wanneer erop wordt geklikt. Gebruikt in combinatie met een tag

, dat het dropdown-element specificeert.

Auteur informatie

Bender Rodriguez

Ondersteuning voor deze tag is daarom gedeeltelijk ingeschakeld in dit stadium Het is beter om op JS of jQuery gebaseerde oplossingen te gebruiken.

Tagmeter

Wordt gebruikt om waardenbereiken te visualiseren. Toepassingsvoorbeeld:

Laag Normaal heetKokend water

Hiermee kunt u de minimum- en maximumwaarde van het bereik instellen, waarden die als laag en hoog worden beschouwd, en de huidige waarde. Kan worden bestuurd met JS. Een goed hulpmiddel voor eenvoudige visualisatie.

navigatietag

De tag wordt gebruikt om de hoofdnavigatie van de site aan te geven. Bevat een lijst in zichzelf (hoewel er ook andere elementen kunnen zijn). Voorbeeld:

Dit is geen artikel voor superwebmastergoeroes. En zelfs niet voor beginnende webontwikkelaars. Dit artikel was bedoeld als herinnering over HTML5 voor journalisten en analisten.

Hier vinden journalisten, copywriters en andere niet-specialisten op het gebied van webdesign antwoorden op hun prangende vragen, die eenvoudigweg de principes van HTML5 moeten kennen om te kunnen werken, maar niet de mogelijkheid hebben om zich te verdiepen in de technische details van het gebruik hiervan prachtige taal.

Het is ook belangrijk om niet te vergeten dat de zogenaamde “demo-HTML” absoluut niets gemeen heeft met HTML5 zelf. Veel van Google Doodles gebruiken bijvoorbeeld DHTML - HTML 4-technologie uit het begin van de jaren 2000.

Waarom is HTML5 uitgevonden?

HTML4 barstte uit zijn voegen onder de druk van nieuwe soorten applicaties. Veel dingen waren simpelweg niet beschikbaar en vereisten plug-ins zoals Adobe Flash of Microsoft Silverlight. Het was noodzakelijk om allerlei soorten trucs en trucs te gebruiken, om niet-standaard, ongedocumenteerde technieken te gebruiken, wat geen erg betrouwbare basis was voor sites die waren gemaakt om geld te verdienen.

Hoeveel browsers ondersteunen HTML5?

Het hangt ervan af hoe je ernaar kijkt. Als we aannemen dat HTML5 is voortgekomen uit HTML4, ondersteunen alle browsers enkele HTML5-eigenschappen.

Aan de andere kant, als je wilt weten welke browsers alle eigenschappen van de HTML5-kern bevatten, dan geen. Ze implementeren allemaal enkele delen van de specificatie (die meer dan 700 pagina's lang is), maar geen enkele ondersteunt alles tegelijkertijd.

Als we alle niet-essentiële zaken negeren, ondersteunen alle moderne browsers HTML5 ongeveer in gelijke mate, hoewel ze op verschillende tijdstippen ondersteuning voor bepaalde eigenschappen toevoegen.

Wie is de drijvende kracht achter HTML5?

Het begon allemaal in 2004 bij Opera, onder leiding van Ian Hickson. Geleidelijk kwamen andere browsers erbij. Hickson verliet Opera voor Google, waar hij blijft werken aan de specificatie.

Het is eerlijk om te zeggen dat browserleveranciers het werk aan de specificatie coördineren, net als het W3C en vele andere organisaties en individuen. Over het algemeen wordt het proces gestuurd door de behoeften van webontwikkelaars.

Wie gebruikt HTML5?

Veel mensen en bedrijven: Boston Globe Newspaper; Nationwide Building Society, Yell.com en honderden anderen. HTML5gallery.com bevat veel sites die HTML5-technologieën gebruiken.

Wanneer zal HTML5 voltooid zijn?

Misschien in 2012. Of misschien in 2022. Dit is niet zo belangrijk, iets anders is belangrijk: het wordt tegenwoordig al door browsers ondersteund en daarom kunnen we het vandaag de dag gebruiken.

Zeggen dat we HTML5 niet kunnen gebruiken omdat de ontwikkeling ervan nog niet voltooid is, is hetzelfde als zeggen dat we geen Russisch kunnen spreken omdat het nog in ontwikkeling is.

Is het waar dat HTML5 incompatibel is met Internet Explorer?

Absolute onzin. IE9 ondersteunt HTML5 goed. Oudere browsers kunnen voor sommige API's ondersteuning toevoegen met behulp van JavaScript-polyfilling-, Flash- en Silverlight-plug-ins. Het canvas-element werkt mogelijk niet correct in versies van IE lager dan 9. Het probleem in oudere browsers is vooral te wijten aan de trage JavaScript-engine. Om video in oudere browsers weer te geven, kunt u de Flash-back-upoptie gebruiken.

Het is vermeldenswaard dat veel HTML5-functies, zoals het contenteditable attribuut, waarmee de gebruiker de inhoud van een object kan bewerken, door Microsoft zijn uitgevonden en in IE5 zijn opgenomen.

Is het waar dat HTML5 is ontworpen voor mobiele apparaten?

Absoluut niet. HTML5 is gebaseerd op bepaalde ontwikkelingsprincipes, waarvan er één het wijdverbreide gebruik ervan vermeldt:

“Elementen moeten worden ontworpen voor alomtegenwoordig gebruik… Elementen moeten, voor zover mogelijk, op verschillende platforms, apparaten en media werken.”

Aan de andere kant zijn er functies van HTML5 die vooral handig zijn in het licht van het gebruik van mobiele apparaten. Als we “echte” HTML5 beschouwen, zal het bijvoorbeeld erg handig zijn om offline met de site te kunnen blijven werken met behulp van Application Cache (“Appcache”) technologie.

Een ander voordeel is de mogelijkheid om het canvaselement te gebruiken om animaties weer te geven op apparaten die om de een of andere reden geen Flash kunnen gebruiken.

Als we HTML5 beschouwen in de zin van ‘nieuwe superwebtechnologieën’, ​​dan is geolocatie een enorm voordeel.

Zal HTML5 Adobe Flash vervangen?

Nee, dat hoop ik tenminste. Jarenlang bleef Flash de enige optie om video op een pagina in te sluiten. Nu, met de komst van HTML5, is er een rivaliteit tussen beide technologieën, wat geweldig is voor ontwikkelaars.

Apple heeft besloten Flash-ondersteuning niet in te schakelen op zijn iOS-apparaten, wat een enorme impuls geeft aan HTML5-video. Het is echter vermeldenswaard dat iOS niet het beste platform voor HTML5 is.

Flash blijft hoe dan ook een handig cross-browser hulpmiddel. Bovendien moet u begrijpen dat Flash meer is dan alleen video. Sommige van de eenvoudige functies die in games worden gebruikt, worden onderschept door HTML5-canvas, en sommige van de primitieve animaties waarvoor het eerder werd gebruikt, migreerden naar CSS3. Omwille van het gemak voor de makers van mooie animaties die in games en tekenfilms worden gebruikt, is het natuurlijk beter om Flash te gebruiken, dat een veel handiger interface heeft die veel werkmomenten voor ontwikkelaars vereenvoudigt. In de loop van de tijd, wanneer handige shells voor het werken met canvas worden ontwikkeld, zal dit veranderen, maar niet vandaag en niet morgen.

Opmerkingen

  1. Emelya
    4 oktober 2011 om 22:29 uur

    html1 *DUIM OMHOOG*

    Olga Antwoord:
    5 oktober 2011 om 11:26 uur

    Wdtime.ru Antwoord:
    20 februari 2016 om 22:32 uur

    Volledige lijst met structurele HTML 5-tags - wdtime.ru/blog/strukturnye-tegi-html-5

  2. Margarita
    5 oktober 2011 om 14:01 uur

    Emelya is een dwaas, heb je geen sprookjes gelezen? :-D

  3. Bagel
    25 november 2011 om 14:47 uur

    Het is jammer dat sommige gebruikers niet kunnen begrijpen dat er betere browsers zijn dan internet explorer :(

    Olga Antwoord:
    25 november 2011 om 16:03 uur

    Overigens heeft ie de laatste tijd zeer goede vooruitgang geboekt wat betreft het ondersteunen van nieuwe specificaties. Blijkbaar grepen ze hun hoofd vast nadat Windows-gebruikers een keuze uit browsers kregen :-D

    Bagelantwoord:
    25 november 2011 om 16:11 uur

Laatste update: 04/08/2016

HTML (HyperText Markup Language) is een hypertext-opmaaktaal die voornamelijk wordt gebruikt voor het maken van documenten op internet. HTML begon zijn reis begin jaren negentig als een primitieve taal voor het maken van webpagina's, en op dit moment is het internet moeilijk voor te stellen zonder HTML. De overgrote meerderheid van websites maakt op de een of andere manier gebruik van HTML.

In 2014 werd het werk aan een nieuwe standaard officieel voltooid: HTML5, dat feitelijk een revolutie teweegbracht en veel nieuwe dingen naar HTML bracht.

Wat bracht HTML5 precies?

    HTML5 definieert een nieuw parseeralgoritme voor het maken van de DOM-structuur

    het toevoegen van nieuwe elementen en tags, zoals video, audio en een aantal andere

    het opnieuw definiëren van de regels en semantiek van reeds bestaande HTML-elementen

Met de toevoeging van nieuwe functies is HTML5 niet alleen een nieuwe versie van de opmaaktaal voor het maken van webpagina's geworden, maar feitelijk een platform voor het maken van applicaties, en de reikwijdte van het gebruik ervan is veel verder gegaan dan de internetwebomgeving: HTML5 wordt ook gebruikt om mobiele applicaties te maken voor Android, iOS, Windows Mobile en zelfs voor het maken van desktopapplicaties voor gewone computers (met name in Windows 8/8.1/10).

Als gevolg hiervan wordt HTML 5 in de regel voornamelijk in twee betekenissen gebruikt:

    HTML 5 als een bijgewerkte hypertext-opmaaktaal, enige ontwikkeling van de vorige versie van HTML 4

    HTML 5 als krachtig platform voor het maken van webapplicaties, dat niet alleen de hypertext-markup-taal zelf, bijgewerkte HTML omvat, maar ook de programmeertaal JavaScript en CSS 3-cascading stylesheets.

Wie is verantwoordelijk voor de ontwikkeling van HTML5? Dit gebeurt door het World Wide Web Consortium (afgekort W3C – World Wide Web Consortium) – een onafhankelijke internationale organisatie die de HTML5-standaard definieert in de vorm van specificaties. De huidige volledige specificatie in het Engels kan worden bekeken op https://www.w3.org/TR/html5/. En het moet worden opgemerkt dat de organisatie blijft werken aan HTML5 en updates voor de specificatie vrijgeeft.

Browser-ondersteuning

Opgemerkt moet worden dat er altijd een kloof is geweest tussen de HTML5-specificatie en het gebruik van deze technologie in webbrowsers. De meeste browsers begonnen HTML5-standaarden al vóór hun officiële publicatie te implementeren. En inmiddels ondersteunen de meeste nieuwste versies van browsers de meeste HTML5-functionaliteit (Google Chrome, Firefox, Opera, Internet Explorer 11, Microsoft Edge). Tegelijkertijd ondersteunen veel oudere browsers, zoals Internet Explorer 8 en lagere versies, geen standaarden, en IE 9, 10 ondersteunen deze slechts gedeeltelijk.

Het is echter mogelijk dat zelfs browsers die standaarden ondersteunen sommige specifieke functies niet ondersteunen. En daar moet ook op het werk rekening mee worden gehouden. Maar over het algemeen is de situatie met ondersteuning voor deze technologie redelijk goed.

Om HTML5-ondersteuning voor een specifieke browser te controleren, kunt u een speciale service http://html5test.com gebruiken.

Vereiste hulpmiddelen

Wat heb je nodig om met HTML5 te werken? Allereerst een teksteditor om de tekst van webpagina's in html te typen. Op dit moment is Notepad++ de meest populaire en geavanceerde teksteditor, te vinden op http://notepad-plus-plus.org/. De voordelen zijn onder meer de vrijheid en het markeren van HTML-tags. In de toekomst zal ik me concentreren op deze teksteditor.

Ook het vermelden waard is de platformonafhankelijke teksteditor Visual Studio Code. Deze editor heeft iets grotere mogelijkheden dan Notepad++ en werkt bovendien niet alleen op Windows, maar ook op MacOS en Linux-gebaseerde besturingssystemen.

En u hebt ook een webbrowser nodig om de geschreven webpagina's te starten en te controleren. Als webbrowser kunt u de nieuwste versie van alle gangbare browsers gebruiken: Google Chrome, Mozilla Firefox, Microsoft Edge, Opera.

Rapporteer een bug


  • Verbroken downloadlink Bestand komt niet overeen met beschrijving Overige
  • Bericht verzenden

    HTML5 Video Player is een applicatie ontworpen om videobestanden naar HTML5-formaat te converteren. De gemaakte video's kunnen op websitepagina's worden geplaatst. Elk videoformaat kan als bronmateriaal worden gebruikt.

    Het programma kan niet alleen video converteren, maar ook bewerken (flippen, bijsnijden). Voordat u het resultaat opslaat, kunt u de voltooide video in de voorbeeldmodus afspelen. Opgemerkt moet worden dat u met de applicatie de “skin” van de speler kunt selecteren, die in de browser wordt geïntegreerd.

    Belangrijkste kenmerken

    • Converteer meerdere bestanden;
    • Werkt met alle populaire videoformaten;
    • Schakel de pc uit nadat het conversieproces is voltooid;
    • Mogelijkheid om een ​​map te selecteren om het resultaat op te slaan;
    • Voorbeeld van gewijzigde video;
    • Mogelijkheid om het uiterlijk van de speler aan te passen;
    • De kwaliteit van het geconverteerde videobestand instellen;
    • Mogelijkheid om de video te knippen;
    • Compatibel met alle populaire browsers.

    Voordelen

    De html5-videospeler-applicatie verscheen nog niet zo lang geleden, maar is vanwege de voordelen al populair geworden. Het grote voordeel van het programma is dat het met alle populaire videoformaten kan werken. Dit betekent dat u elke film (video) naar uw website kunt “uploaden”.

    Een ander voordeel is de compatibiliteit met de browser Internet Explorer, Safari, Opera, Google Chrome en Firefox. In dit geval kunt u, voordat u het bestand opslaat, controleren hoe het in een bepaalde internetbrowser wordt afgespeeld.

    De html5-speler is een platformonafhankelijke applicatie. Het kan niet alleen worden geïnstalleerd op een pc met Windows OS, maar ook op mobiele Android- en iOS-apparaten. Het is dus mogelijk om video's rechtstreeks vanaf uw telefoon te publiceren.

    U kunt de html5-videospeler volledig gratis downloaden. Tegelijkertijd staat er een Russischtalige versie van de speler op de website van de ontwikkelaar. Dankzij dit zal het voor gebruikers gemakkelijker zijn om te begrijpen hoe het programma werkt.

    Dankzij html5 kunnen video's die naar websites zijn geüpload, worden bekeken zonder Flash Player te installeren. Daarom is het programma te vinden in de lijst met de meest gedownloade spelers. Als aanvulling bieden de ontwikkelaars gebruikers de mogelijkheid om het uiterlijk van de speler op de site te wijzigen.

    Gebreken

    Wat de nadelen van de html5-videospeler betreft, er is er maar één. Geconverteerde bestanden zijn alleen geoptimaliseerd voor de webstandaard. Dit betekent dat html5-video's lastig zijn om lokaal te bekijken. Voor het overige zijn er geen tekortkomingen in het programma gevonden.

    Opgemerkt moet worden dat dit programma alleen interessant is voor website-eigenaren en webmasters. Voor de gemiddelde gebruiker is de videospeler van geen enkele waarde.

    Hoe de speler te downloaden

    Om de videospeler te downloaden, moet je de website van de ontwikkelaar bezoeken. Om dit te doen, moet je naar de volgende URL gaan: “https://www.dvdvideosoft.com/”. Om het gebruik van de site gemakkelijker te maken, wordt aanbevolen om de taal te wijzigen. Dit kunt u doen door op het vlaggetje rechtsboven te klikken. Daarna moet je Russisch selecteren.

    Wanneer de internetbron Russified is, moet u op de link "Downloaden" klikken. Direct hierna wordt een pagina geopend met alle beschikbare producten. Om de speler te downloaden, gaat u naar het gedeelte 'Andere programma's'.

    In de volgende stap moet u op de naam van de converter klikken. De geopende pagina toont informatie over de speler. Om het programma te downloaden, moet u helemaal onderaan de webpagina gaan en vervolgens op de knop "Downloaden" klikken. Nu hoeft u alleen nog maar het softwareproduct te installeren.

    Werkingsprincipe

    Wanneer het programma wordt geladen, ziet u een Russischtalige, intuïtieve interface. Met behulp van de navigatiebalk kunt u:

    • Bestanden toevoegen;
    • Geef de uitvoernaam op;
    • Bestand verwijderen;
    • Stel de speler in.

    Nadat het te converteren bestand is geselecteerd, wordt aanbevolen om de map op te geven waarin het eindresultaat zal worden opgeslagen. U moet ook het formaat instellen van de video die moet worden geconverteerd.

    Om het resultaat te bekijken, moet u het vakje naast “HTML weergeven...” aanvinken. Om bestanden te converteren, klikt u op de knop "Converteren".

    Opgemerkt moet worden dat het mogelijk is om de instellingen van het programma zelf te wijzigen; klik hiervoor op de knop "Opties...".

    Conclusie

    Webmasters die betrokken zijn bij het bouwen van websites moeten begrijpen hoe html5 werkt. Omdat sites met Flash-animatie (video) naar de achtergrond verdwijnen, kun je niet zonder een videospeler-converter. Zelfs een beginnende gebruiker kan de besturing van de speler aan. Het is belangrijk op te merken dat er ook betaalde analogen zijn die html5-video kunnen converteren. Indien nodig kunt u ze gebruiken.

    Videorecensie van de HTML5-speler

    30/04/2015 | 20:49 Analyses

    Chrome en Opera lopen voorop als het gaat om het bijhouden van de nieuwste webfuncties, maar er zijn minder verschillen tussen de browsers dan op het eerste gezicht lijkt.

    Het is vier jaar geleden dat HTML5 werd geïntroduceerd. HTML5 wordt vandaag opnieuw ter sprake gebracht omdat de W3C-commissie eindelijk heeft besloten dat het tijd is om te stoppen met rommelen met de HTML 5.0-specificatie en over te gaan naar HTML 5.1. Dit markeert een historische gebeurtenis omdat het HTML4-document in 1997 werd voltooid.

    Wat heeft de wereld gedaan tijdens de vorming van de standaard? Natuurlijk heb ik niet op het definitieve ontwerp gewacht. Websites die profiteren van de HTML5-standaard zijn overal in opkomst. Browsers ondersteunen veel van de HTML5-functies en worden met elke nieuwe versie beter. Er zijn minder verschillen tussen websites en native apps dan ooit tevoren, en complexe, interactieve websites die zich gedragen als native apps zijn reëler dan ooit.

    Het goede nieuws is dat browsers een standaard zijn overeengekomen. Volgens HTML5Test.com komen ze steeds dichter bij het ideaal, hoewel er nog steeds verschillen zijn tussen sommige browsers.
    Het is vermeldenswaard dat HTML5Test de naleving van alle standaarden evalueert met behulp van een enkel getal (van 0 tot 555). Een geautomatiseerde test controleert of een functie wordt ondersteund door het maken van DOM-objecten. Het kan niet zeggen of een functie correct, elegant of zonder vreselijke bugs zal worden geïmplementeerd.

    Hoewel dit cijfer moeilijk te negeren is, liggen de echte antwoorden iets dieper. Door slechts een paar minuten door de lijsten te bladeren, kunt u de ontwikkelingsprioriteiten van het team van elke browser zien. Sommige van de nieuwe functies die nog niet worden ondersteund, zijn niet bijzonder belangrijk. Chrome ondersteunt aangepaste afhandelingsschema's, maar geen aangepaste inhoudshandlers. Firefox ondersteunt sommige van de nieuwe formulierinvoervelden, zoals tijd, maand of week, niet. Er zijn minstens een dozijn omissies op elk platform, en slechts een paar daarvan maken momenteel een verschil in de ervaring van de gemiddelde gebruiker. Maar dat is het voor nu. Compliance is noodzakelijk om een ​​sterke basis voor de toekomst te leggen.

    Browserbeleid

    Sommige van deze verschillen zijn te wijten aan diepe politieke en financiële gevechten die achter de schermen op de loer liggen. Firefox en Chrome ondersteunen WebM- en Ogg Theora-videocodecs, maar niet MPEG-4. Safari ondersteunt MPEG-4, maar WebM of Ogg Theora niet. Ze zijn het tenminste allemaal eens over H.264-ondersteuning. Deze codecs zijn geen officieel onderdeel van HTML5, maar ze maken zo'n groot deel uit van het moderne web dat het werken eraan voor veel webontwikkelaars belangrijker is dan welke andere functie dan ook.

    De andere items in de test maken niet eens deel uit van het officiële HTML5-concept, omdat ze deel uitmaken van een andere specificatie die kan worden gescheiden van de officiële HTML5-specificatie. Het is vaak moeilijk voor webontwikkelaars, programmeurs en vooral gebruikers om een ​​grens te trekken tussen wat er in HTML5 staat en wat een nieuwe of betere functie is. Enkele van de meest aantrekkelijke functies, zoals Web Storage en Web Workers, vallen niet onder de HTML5-paraplu, hoewel ze ook door het W3C-consortium zijn geïntroduceerd. Ze kunnen echter een nog grotere impact hebben.

    De kernspecificatie van HTML5 voltooit de toevoeging van een aantal nieuwe tags die zijn ontworpen om de rol van weergegeven inhoud binnen een tag aan te geven. Ze definiëren gebieden, secties, opvulling, voetteksten en koppen. Voorheen zouden we ze hebben gemarkeerd met tags die het ontwerp definiëren

    . Ze worden nu gemarkeerd met hun rol, zodat ze hun eigen CSS-stijlen kunnen hebben en de browser deze elementen overeenkomstig zal weergeven. De trend om tekst en afbeeldingen te scheiden van hun plaatsing en presentatie op de pagina zet zich voort.

    Er schuilt een fascinerend debat achter deze veranderingen, maar ze zijn alleen relevant voor mensen die belang hechten aan het uiterlijk van webpagina's. Er zijn bijvoorbeeld mensen die af willen van het gebruik van tabellen voor opmaak, terwijl anderen dit willen voorkomen. U kunt de aanwezigheid van een tabel intuïtief bepalen door de attributen van de tabeltag te lezen. Als u een rand- of kolomkop toevoegt, betekent dit dat het waarschijnlijk tabelgegevens zijn. Het uitschakelen van de rand betekent dat er mogelijk markeringen zijn.

    Het op de verkeerde manier gebruiken van elementen kan gevolgen hebben die verder gaan dan alleen beledigde online regelmakers. Het slim hergebruiken van tags (zoals tabellen) maakt ook andere systemen kapot. Het HTML5-team besteedt veel middelen om het internetgebruik voor blinden en gehandicapten gemakkelijker te maken. Het gebruik van tabeltags voor iets anders dan tabelgegevens brengt schermlezers en andere zoekmachines in verwarring.

    Er is nu een nieuwe ARIA-attribuutklasse (Accessible Rich Internet Applications) die alternatieve beschrijvingen van de gegevens daarin biedt. Over het algemeen wordt dit veel gemakkelijker als u moeite doet om de boodschap van de presentatie te scheiden.

    Van webpagina's tot webapplicaties

    Er wordt veel werk verricht in de richting van het omzetten van statische pagina's in volwaardige dynamische toepassingen. De specificaties voor Web Storage, WebSockets en Web Workers zijn veel uitgebreider geworden nu browsermakers hebben ontdekt wat werkt en wat niet. Met deze gegevens kunnen programmeurs volledig functionele softwarepakketten zoals Google Docs maken. Lokale gegevensopslag, achtergrondcommunicatie en multithreading zijn erg belangrijk bij het werken met niet-triviale datasets.

    De veranderingen zijn vooral gericht op kleine details die voor veel ontwikkelaars misschien niet eens merkbaar zijn. Er zijn tientallen kleine veranderingen, evenals de debatten daaromheen, die niet kunnen worden afgerond. Omdat veel details onzeker blijven, nemen browsermakers vaak verschillende beslissingen. De Web Storage-specificatie zegt dat browsers "de totale hoeveelheid beschikbare ruimte voor opslag moeten beperken" en suggereert 5 MB als een goede limiet. Ondertussen verschillen de implementaties.

    Een van de meest controversiële gebieden is wellicht de mediaverwerking. De webbrowser wordt de dominante manier om toegang te krijgen tot video, en het HTML-specificatieteam staat klaar om de huiskamer te veroveren. De Encrypted Media Extensions-specificatie omvat een complex mechanisme voor het werken met de videofeed en sleutels, zodat alleen browsers met de juiste licentie afbeeldingen kunnen weergeven. Chrome, Opera en Safari ondersteunen deze media-extensies; Firefox en Internet Explorer niet.

    Er is nog veel ander werk gaande om veranderende onderdelen te creëren. Een van de nieuwe projecten, genaamd Web Video Text Tracks, onderzoekt een standaardmechanisme voor het synchroniseren van video met andere delen van de site. Het is voornamelijk gericht op handtekeningen, maar er is geen reden waarom het geen andere toepassingen zal vinden: woorden, afbeeldingen en afbeeldingen die overal rondgaan; en alle browsers ondersteunen het.

    Toekomst van het internet

    Hoewel het normaal is om de HTML5-specificatie te zien als het einde van een lang ontwikkelingsproces, is het beter om het te zien als het begin van de volgende generatie. Sommige ideeën werden uit de 5.0-specificatie geschrapt omdat er niet genoeg "implementatie-ervaring" was. Met andere woorden: de functies bestaan ​​nog niet lang genoeg om iedereen te laten weten of ze zijn wat we willen.

    Een snel overzicht van de HTML 5.1-specificatie in conceptvorm, bevat functies zoals het accesskey-attribuut voor het toevoegen van toetsenbordequivalenten aan muisklikken. Er is in alle browsers meer ondersteuning voor HTML-bewerkings-API's, waardoor elke webpagina potentieel bewerkbaar is en het hele internet mogelijk één grote Wikipedia wordt.

    Er kunnen nog grotere veranderingen optreden, omdat sommigen er de voorkeur aan geven dat HTML meer op XML lijkt. Dit is niet alleen een poging om alle open tags te sluiten, wat voor sommige ontwikkelaars uiteraard tot bugs zal leiden. Sommige leden van de HTML5-specificatiegemeenschap praten al over de mogelijkheid om de volgende versie te "hacken". Dat wil zeggen, ze willen een specificatie waarmee we onze eigen tags kunnen definiëren en ons eigen mechanisme voor het verwerken van de tags nadat ze zijn geparseerd.

    Dit kan markeringen veel efficiënter maken. Iedereen die op de knop "Bron weergeven" heeft geklikt, heeft gezien dat veel HTML-bestanden voor 50-60% uit tags bestaan

    En , elk met verschillende aangesloten klassen. Het debuggen van CSS-stylesheetbestanden wordt steeds moeilijker. Eén manier om hier vanaf te komen is met een volledig uitbreidbaar taggingsysteem.

    Al deze beslissingen staan ​​ons in de toekomst te wachten. HTML 5.0 is een mijlpaal, maar het is slechts een pauze in de evolutie van de standaard die definieert hoe we informatie presenteren en ermee omgaan.

    Genoeg generalisaties - tijd om in de browsers te duiken.

    Browser #1: Google Chrome

    Chrome heeft de hoogste HTML5Test-score - 523 voor Chrome 42 - en zegt veel over de toewijding van Google aan de HTML5-specificatie en zijn wens om een ​​van de toonaangevende browsers te creëren. Er zijn nog maar een paar niet-aangevinkte vakjes over voor het programmeerteam om de maximale score te behalen.

    De weglatingen zijn enigszins verspreid en kunnen niet in één zin worden samengevat. Een ontbrekend opmaakelement hier en een niet-gerealiseerde grafische methode daar. Al met al is Chrome een droom voor degenen die zich inzetten voor een breed scala aan tools voor het maken van gebruikersinterfaces. Als je alle nieuwe opmaaktechnieken of formulierelementen wilt gebruiken, is Chrome de beste keuze. Er zijn zeer weinig spaties in de lijst.

    Enkele van de grootste omissies bevinden zich onder de motorkap. Het heeft geen hooks in de JavaScript-engine die verantwoordelijk zijn voor individuele gebeurtenissen wanneer scripts worden uitgevoerd en de uitvoering ervan stoppen. Er is geen eenvoudige manier om te bepalen hoe CSS-stijlen een pagina beïnvloeden. Er is ook geen manier om uw code te gebruiken om een ​​functie te registreren die alle gegevens van een specifiek MIME-type of URL-schema verwerkt, de zogenaamde aangepaste inhoudshandlers.

    Alle drie de ideeën zijn overigens al lang geleden in Firefox geïmplementeerd. Ze werden niet geaccepteerd door het Google-team.

    Een ander gebied dat frustrerend kan zijn, is de ondersteuning van codecs en mediaformaten. MPEG-4 werkt bijvoorbeeld met de iOS-browser, maar niet met Chrome. Apple en Microsoft ondersteunen de selectie van audiotracks, en Apple ondersteunt de selectie van videotracks, maar Chrome staat je dit niet toe.

    Over het geheel genomen is Chrone een geweldige browser voor degenen die willen profiteren van de extra functies die deel uitmaken van de nieuwe standaard.

    Browser #2: Opera

    Op het moment van schrijven staat Opera op de tweede plaats in de HTML5Test, maar staat slechts vier punten achter met 519 punten voor versie 29. Net als Chrome biedt Opera brede ondersteuning voor nieuwe opmaakelementen en -vormen, dus het is een net zo goed platform als het krijgt Chrome voor degenen die ermee willen experimenteren.

    Opera ondersteunt ook geen aangepaste inhoudshandlers, contextuele stijlelementen of scriptuitvoeringsgebeurtenissen. Elke andere browser behalve Firefox doet echter hetzelfde.

    De grootste verschillen zitten in de codecs. Opera ondersteunt de videoformaten MPEG-4 en H.264 niet. Om de zaken nog ingewikkelder te maken, ondersteunt de browser ook geen AAC en MP3, twee audioformaten die al een tijdje bestaan. Het is dus iets moeilijker om uw multimedia-inhoud met Opera te laten werken. Opera wordt vrijwel zeker omringd door patentlicentiekosten, en het bedrijf heeft er waarschijnlijk voor gekozen de hoge licentiekosten te negeren. Opera ondersteunt uiteraard Ogg Vorbis Ogg Theora en WebM, die behoorlijk goed zijn, zo niet letterlijk compatibel.

    Samen met Internet Explorer en Chrome ontwikkelt Opera zich in de richting van ‘pointer events’, waarbij verschillende invoermodellen worden gegeneraliseerd. Ze willen de ondersteuning voor muizen, aanraakschermen en stylussen vereenvoudigen door de programmeur één enkel, eenvoudig gebeurtenismodel aan te bieden dat ze harmoniseert.

    Over het geheel genomen is Opera een indrukwekkende browser die niet zoveel aandacht krijgt als zou moeten. Het concurreert alleen met Chrome wat betreft de breedte van ondersteuning voor moderne webfuncties.

    Browser #3: Mozilla Firefox

    De scores van Firefox lijken iets achter te blijven bij de top twee. Het scoorde 449 op de HTML5Test voor Firefox 37, maar dit hangt grotendeels af van het belang van de features die de test zelf bepaalt. Firefox verliest veel punten op sommige gebieden waar het achterblijft, en scoort minder op gebieden waar het voorop loopt.

    Er gaan bijvoorbeeld veel punten verloren omdat Firefox veel van de nieuwe invoervelden en interactieve elementen niet implementeert. Als u slechts één formulierelement wilt toevoegen om een ​​datum- of tijdwaarde te verzamelen, zal Firefox niet helpen. Voor deze omissies verliest hij 26 punten, maar het is niet duidelijk of alle programmeurs daar daadwerkelijk onder lijden. Er zijn JavaScript-bibliotheken ontwikkeld om tijdgegevens op te halen en deze zijn compatibel met meerdere browsers. Velen van hen zijn ook goed vormgegeven en zien er beter uit dan standaardgereedschap. Daarom verkiezen veel programmeurs ze boven native browserondersteuning.

    De test beloont Firefox ook niet voor het nemen van initiatief. Gebeurtenissen die worden geactiveerd wanneer een script op het punt staat te worden uitgevoerd, zijn nuttig voor het afstemmen, maar het ondersteunen van deze scriptuitvoeringsgebeurtenissen levert Firefox slechts één punt op. Het toevoegen van een rand aan bladstijlen is handig voor het combineren van meerdere bladstijlen, maar is in de ogen van de makers van HTML5Test slechts twee punten waard.

    Firefox wint geen punten meer voor het implementeren van microdata-markup, extra tags die het gemakkelijker maken om enkele van de meest voorkomende soorten gegevens op webpagina's te identificeren en te taggen. Microdata wordt niet gewaardeerd door het W3C en alle andere browsers en wordt alleen ondersteund in Firefox.

    Firefox biedt brede codec-ondersteuning, maar vermijdt MPEG-4, waardoor het in hetzelfde kamp blijft als Chrome en Opera. Het ondersteunt Ogg, WebM en H.264, wat meer dan genoeg is.

    Zijn deze verschillen belangrijk? Het hangt allemaal af van hoe u de functies persoonlijk evalueert. Als alle nieuwe formulierelementen u bevallen, is Firefox niets voor u of uw project. Maar in veel opzichten biedt Firefox hetzelfde nalevingsniveau als beter presterende browsers, zolang je de nieuwe tijdelijke invoervelden maar niet erg vindt.

    Browser #4: Apple Safari

    Op de HTML5Test scoort Safari 396, waarmee het verder achterop raakt dan het in de praktijk waarschijnlijk zou doen. Net als Firefox verliest Safari veel punten door niet alle mogelijke vormen en lay-outelementen te implementeren. Er zijn geen opties om een ​​invoerveld te maken om tijd of kleur te verzamelen en geen ondersteuning voor standaard menu-items.

    Hoewel game-ontwikkelaars misschien wegvallen. Er is geen ondersteuning voor het volgen van de oriëntatie of beweging van het apparaat, voor gamepad-bediening of meer algemene gebeurtenisaanwijzingen. Als je iets voor Safari gaat maken, kun je het beste bij de traditionele inhoud blijven en elementen vermijden die te interactief zijn. Laat dat maar aan de App Store over.

    In de wereld van codecs is het pad van Apple anders dan dat van Chrome en Firefox. Safari toont MPEG-4- en H.264-video, maar weigert WebM en Ogg Theora. Het goede nieuws is dat video- en audiotracks kunnen worden beheerd met JavaScript.

    Er zijn een paar andere plaatsen waar Safari achterblijft bij de uitgebreidere functiesets van Chrome, Opera en Firefox. Hoewel deze browsers peer-to-peer-communicatie via WebRTC ondersteunen, biedt Apple geen enkele ondersteuning, en Internet Explorer ook niet. Safari ondersteunt ook geen servicemedewerkers voor achtergrondverwerking, aangepaste schema's, inhoudshandlers of aangepaste zoekproviders.

    Deze omissies zijn niet catastrofaal. Apple biedt nog steeds brede ondersteuning voor de standaard en biedt veel van de meest interessante functies.

    Browser #5: Microsoft Internet Explorer

    Internet Explorer 11 heeft een lage HTML5Test-score van slechts 348, maar dat hoeft geen verrassing te zijn. De standaardenbeweging wordt altijd gedreven door de hoop de concurrentie te stimuleren en Microsoft uit zijn controlepositie over het netwerk te verdrijven. Alles werkt precies zoals sommigen hadden gehoopt.

    IE verliest punten over de hele tafel; het kan niet genoeg punten verzamelen om in ten minste één gebied de leiding te nemen. Het enige gebied waarop het alle andere grote browsers verslaat, is in feite de webapps, waar de ondersteuning voor aangepaste zoekmachines iets beter is dan die van Safari. De rest van de tijd brengt hij de achterkant naar voren.

    Hoewel het zeker eerlijk is om een ​​lagere score te geven voor het niet implementeren van elk onderdeel van de HTML5-standaard, laat dit niet zien hoe goed IE HTML5-code zal uitvoeren bij dagelijks gebruik. Een snelle blik op de resultaten laat zien dat veel van de ontbrekende functies nieuw zijn en niet de belangrijkste. IE verloor bijvoorbeeld punten vanwege een gebrek aan ondersteuning voor CSS-selectors zoals "binnen bereik", "buiten bereik" en "alleen-lezen". Het ontbreekt ook aan ondersteuning voor een aantal nieuwe invoervelden voor de tijd.

    Er zijn tientallen plaatsen waar IE geen ondersteuning biedt voor kleine functies of toevoegingen, maar geen daarvan is van cruciaal belang. Natuurlijk irriteert dit sommige programmeurs die ze willen gebruiken, maar het weerhoudt de browser er niet van om behoorlijk goed te werken.

    Er zijn verschillende grotere omissies. Microsoft vermijdt MPEG-4-, OGG- en WebM-video, evenals PCM-, OGG- en WebM-audio. Hierdoor blijven MP3-audio, H.264-video en Flash-video de enige ondersteunde standaarden. Met IE kunt u echter JavaScript gebruiken om audiotracks te besturen.

    Het is vermeldenswaard dat Microsoft duidelijk begrijpt hoe belangrijk het is om aan de normen te voldoen, en dat het snel vooruitgang boekt. Hoewel de versies van Internet Explorer niet zo vaak veranderen als andere browsers, scoorde IE9 onlangs slechts 113. En het tempo zal versnellen in de nieuwe Edge-webbrowser (Project Spartan) die wordt geleverd met Windows 10.

    De nieuwste versie van Edge verdient 390 in HTML5Test. Het is beter dan IE 11 en slechts iets minder dan Safari. De grootste verbeteringen ten opzichte van IE zijn ondersteuning voor apparaatoriëntatie, apparaatbeweging, gamepadbediening, webaudio, DRM, media-extensies en responsieve beeldweergave. Dit alles laat zien dat games, entertainment en mobiele apparaten bovenaan de prioriteitenlijst van Microsoft staan.

    HTML5Test is een zeer nauwkeurige metriek, maar het is belangrijk om te onthouden dat deze is gebouwd om te evalueren of browsers de nieuwste en meest experimentele functies ondersteunen die door de HTML5-commissies zijn aangenomen. Er worden geen punten toegekend voor het goed weergeven van een tabel of voor het snel weergeven van pagina's. Dit is een grote lijst met functies, geen indicator voor de kwaliteit van de browser.

    De resultaten geven ook goed inzicht in de bedrijfsprioriteiten. Het is niet verrassend dat Chrome uitstekende ondersteuning biedt voor de volledig functionele, app-achtige sites die Google levert. Het maakt het ook gemakkelijker om meer mogelijkheden te bieden aan het hardwareplatform van Google, Chromebooks. Het bedrijf verdient weinig geld aan het onderdeel dat bekend staat als het 'besturingssysteem', dus het is niet verrassend dat het wil dat het onderdeel dat bekend staat als de 'browser' beter is.

    Apple lijkt op zijn beurt minder geïnteresseerd in het ondersteunen van concurrentiegedrag in browsers, misschien omdat het zoveel geld verdient aan de App Store dat het dit niet wil ondermijnen.

    Veel van de functies waarmee browsers worstelen, zijn voor ontwikkelaars ook niet van belang. Als u webapplicaties bouwt met veel DOM-elementen die AJAX-aanroepen genereren en reageren op de reactie van de server, doen alle browsers dit werk goed.

    Ze bieden allemaal dezelfde basisfunctionaliteit, en het maakt niet zoveel uit of ze de laatste paar elementen van de formulieren implementeren.

    In die zin zegt de HTML5Test-score meer over de toekomst dan over het heden. Hoewel de HTML 5.0-standaard al is vastgesteld en de commissie haar aandacht heeft gericht op de volgende reeks ideeën, moeten browsermakers de implementatie van de standaard voltooien. Terwijl ze dit doen, zullen steeds meer webontwikkelaars zien dat er nieuwe functies beschikbaar en klaar voor gebruik zijn. Pas dan zullen gebruikers de voordelen gaan zien.

    Het goede nieuws is dat browserleveranciers ze snel adopteren en dat veel van de functies zo breed worden besproken dat webontwikkelaars ze kunnen gaan gebruiken. De commissie deed haar werk. Nu is het onze beurt.