1 INLEIDING HTML5 is sinds kort de nieuwe standaard voor het maken van webpagina s. Deze nieuwe versie van de welgekende HTML (HyperText Markup Langua...
INLEIDING HTML5 is sinds kort de nieuwe standaard voor het maken van webpagina’s. Deze nieuwe versie van de welgekende HTML (HyperText Markup Language) biedt voor het eerst de mogelijkheid om video en andere interactieve elementendirect in de browser af te spelen zonder gebruik te maken van de flash/macromedia/shockwave plug-ins.
May 17, 2011
In dit verslag zal ik onder andere vertellen wat HTML5 is & wat zijn hoofdbedoeling was en waarom het Flash buiten werking stelt, ook hoever de ontwikkeling ervan zit (ondersteuning, mobile surfing, ...), gevolgd door de belangrijkste tags te bespreken.
Een verslag door Frederik De Gendt 3TIB
Opdracht Dynamische Webapplicaties: HTML5
HET ONTSTAAN VAN... Iedereen kent wel de naam HTML5, maar amper de helft van de webdevelopers/coders/scriptkiddies weet hoe het ontstaan is en hoe het de markt is opgekomen. Het begon allemaal bij de xHTML (eXtensible HyperText Markup Language). Dit is een opmaaktaal voor vooral websites die ontstaan is uit HTML. Het verschil tussen xHTML en HTML is dat HTML ontstaan is uit SGML(Standard Generalized Markup Language) en xHTML heeft dan meer weg van XML, de strictere vorm hiervan. xHTML 1.0 is een standaard geworden van W3C op 26/01/2000. De latere versies waren dan 1.1, en 2.0 steeds met meer toegelaten tags en minder browserbugs in het toepassen ervan met CSS 2 & 3.(volgens de strict.dtd) Daarna kwam HTML op de proppen met 3.0, 3.2, 4.0 en 4.01 waarvan de laatste versie ook gebruik maakte van de strict-standaard. En nu is het er... De HTML5! Deze nieuwe taal bevat zowel de funtionaliteit van html en xhtml, maar ook verbetert het de kleine fouten van zijn voorgangers en levert het een betere ondersteuning voor webapplicaties. De term “HTML5” wordt ook gebruikt in de marketing waarbij ook de technieken CSS3, Jscript, XML, SVG, en JSON meegenomen worden. De WHATWG (Web HyperText Application Technology Working Group) diene het voorstel in bij W3C om hun versie van HTML5 als startpunt te gebruiken op 17 april 2007. Ook waren er eisen zoals dat de naam HTML5 een officiele status zou krijgen en dat Ian Hickson zou blijven verderwerken aan de specificatie ervan. W3C hield een enquête. Hieruit bleek grote steun voor de voorstellen. Dave Hyatt werd hierna benoemd als editor van HTML5. Hij werd door de WHATWG gekozen om Ian Hickson te vergezellen toen de W3C-groep aangaf dat ze 1 editor te weinig hadden.
May 17, 2011
In mei 2010 werd er eindelijk het WebM-formaat aangekondigd om video’s en interactieve fotogallerijen af te kunnen spelen via het video-element van HTML5.
Een verslag door Frederik De Gendt 3TIB
Opdracht Dynamische Webapplicaties: HTML5
DE BEDOELING ERVAN De oorspronkelijke bedoeling bij het ontwikkelen van HTML5 was in de eerste plaats sneller browsen en surfen op het internet. Ook moest het ook helpen bij webdevelopers bij het schrijven van de code. Deze code heeft en geeft meer mogelijkheden en is gemakkelijker dan het gebruik van allemaal verschillende elementen te gebruiken. Blij het gebruik van xHTML had men van in het begin al 2 files, namelijk de indexpagina en dan nog een afzonderlijke file voor de CSS. Het probleem hierbij was dat de pagina niet valideerde volgens de strictregels als men interne css gebruikte. Bij HTML5 is dit allemaal wel toegestaan alhoewel het meestal nog op de oude manier wordt gedaan wat ook wel overzichtelijker is. Maar als je dan je pagina interactiever wou maken met een beetje javascript werd het laden van de pagina al vertraagd en moest je bepaalde plug-ins hebben voor het ondersteunen hiervan. Bij HTML5 is dit allemaal niet nodig. Later werd door Steve Jobs (Apple Inc.) aangekondigt dat HTML5 de perfecte vervanger is voor Flash en dat je hiermee ook perfect interactieve elementen kan maken zonder een Flash plug-in te hebben. Dit kwam voor hem goed uit aangezien Apple en Adobe in een kling liggen over dit element. Op Apple-computers wordt in de browser (Safari, Opera, ...) Flash niet ondersteunt. Maar sinds kort HTML5 wel.
HTML5 ONDERSTEUNING Alhoewel HTML5 al een tijd gekend is, werd het nog niet gebruikt door web-developers omwille van de weinige browserondersteuning. Nu is dit compleet anders. Internet Explorer en Safari waren de eerste browsers die volledige ondersteuning boden aan HTML5. Alhoewel IE9 wel nog enkele errors aangaf bij het laden hiervan en soms ook iets trager reageerde op sommige elementen, werkte HTML5 perfect zonder Flash plug-in. Safari daarintegen interpreteerde de Markup Language perfect en laadde dit perfect van in het begin.
May 17, 2011
Later, nadat IE en Safari deze standaard perfect ondersteunden kwam mozilla ook op de proppen met een verbeterde Firefox die deze nieuwe versie van HTML perfect ondersteunt, kort gevolgd door Chrome en Seamonkey (De geoptimaliseerde versie van Firefox voor de iMac/Macbook) en uiteindelijk ook door alternatieve browsers.
Een verslag door Frederik De Gendt 3TIB
Opdracht Dynamische Webapplicaties: HTML5
HTML5 MOBILE Mobiel is er deze dagen op elke smartphone een onderstuening voor deze nieuwe webstandaard. De eerste die van de partij waren hiervoor was Apple met de iPhone. Vanaf versie 4.1.1 was er volledige compatibiliteit met HTML5. Dit was vooral in het voordeel voor Apple. Aangezien dat ze de enigen waren met een smartphone die geen Flash-ondersteuning hadden (tenzij met een browser uit de Appstore) kwamen ze weer beter in de markt te liggen. De eerste windowsphone gaf geen ondersteuning hiervoor. Pas na een latere uitgekomen update wel. Nu met de release van de andere nieuwe smartphones (Samsung Galaxy met Google Android, Nokia Cseries met Symbian, ...) is het overal inbegrepen.
May 17, 2011
Alhoewel iedereen volledige ondersteuning biedt staat de de iPod, iPhone en de iPad nog een stap voor. Deze geven ook voordelen. Aangezien andere mobiele besturingssystemen de tekstvelden op webpagina’s gewoon herkennen als tekstvelden geeft apple een betere functie in hun browser. Bij velden voor een email-adres komt er een ander toetsenbord tevoorschijn waar de@-button op de voorgrond staat. Ook een .com button staat erbij. Dit herkent hij door de verbeterde HTML5-funtie van de tag. Ook voor dropdowns zijn er aanpassingen gemaakt, evenals voor inputfields voor urls en een nummertoetsenbord voor number-fields.
Een verslag door Frederik De Gendt 3TIB
Opdracht Dynamische Webapplicaties: HTML5
WAT IS ER NU EIGENLIJK VERANDERD? BYE BYE FLASH! De grootste evolutie door HTML5 is de
