Wat is het verschil tussen html5 en html 2.0? Verschillen tussen html5 en html4.01 en xhtml1.0

Uw goede werk indienen bij de kennisbank is eenvoudig. Gebruik onderstaand formulier

Studenten, promovendi en jonge wetenschappers die de kennisbasis gebruiken in hun studie en werk zullen je zeer dankbaar zijn.

Soortgelijke documenten

De geschiedenis van HTML5. Verschillen tussen HTML5 en eerdere versies. Vergelijkende analyse van voor- en nadelen. Voorbeelden van Russische sites op HTML5. Verhoogde werksnelheid. Technologie voor webopslag. Structurele mogelijkheden van HTML5. Vergelijking van populaire browsers.

cursuswerk, toegevoegd op 23-10-2013


HTML5 is de taal voor het structureren en presenteren van inhoud voor het World Wide Web, en is de kerntechnologie die op internet wordt gebruikt. Een webapplicatie maken met behulp van Asp.net MVC 3-technologie en HTML5-webopmaaktaal. Samenstelling van het MVC-platform.

cursuswerk, toegevoegd op 25/05/2012


Genres en formaten van multimedia. Kenmerken van internet als mediaplatform. Methoden voor het maken en distribueren van multimedia-inhoud. Ontwikkeling van inhoud voor een multimediaal internetportaal over stedelijke extreme sporten: publiek, categorieën, enz.

proefschrift, toegevoegd 20-08-2017


Vorming en structuur, de relatie tussen de belangrijkste elementen van de educatieve site "HTML5&CSS3" om gebruikers te voorzien van informatie over de nieuwste technologieën in de webindustrie en praktische vaardigheden bij te brengen in de toepassing ervan. Ontwikkeling van een gebruikershandleiding.

cursuswerk, toegevoegd op 17-06-2014


Web 2.0-concept. HTML5-opmaaktaal. Hulpmiddelen voor het maken van webapplicaties. UML-objectanalyse en ontwerptaal. Implementatie van het vullen en testen van de ontwikkelde online winkel. De inhoud van webpagina's opmaken.

proefschrift, toegevoegd 06/05/2016


Onderzoek naar de mogelijkheden en toepassingsgebieden van de programmeertaal JavaScript. Vergelijkende analyse van de programmeertalen JavaScript en PHP. Ontwikkeling van een interactieve webapplicatie aan de hand van het voorbeeld van een test over het onderwerp "Programmeren in Delphi".

praktijkwerk, toegevoegd 02/04/2015


Vergelijkende kenmerken, mogelijkheden en functies van de programmeertalen JavaScript en PHP. Belangrijkste gebieden van hun gebruik. Ontwikkeling van een interactieve webapplicatie met behulp van JavaScript aan de hand van het voorbeeld van een test over het onderwerp "Programmeren in Delphi".

cursuswerk, toegevoegd op 01-07-2014


Ontwikkeling en praktische implementatie van een multimediale training in de discipline "NEC ASOIU". Analyse van de eigenschappen van het aangepaste LMS MOODLE en zijn vermogen om ondersteuning te bieden en inhoud te structureren. De effectiviteit van de aanpak van cursusvorming.

proefschrift, toegevoegd op 21-05-2009

Velen van jullie zijn waarschijnlijk al enigszins bekend met deze hypertext-taalstandaarden, of hebben er op zijn minst van gehoord. Van de oudere versies denk ik dat HTML4.01 het meest succesvol is. Waarom wordt er geen melding gemaakt van XHTML 1.0? - vraag je. Omdat de syntaxis voor het schrijven van XHTML 1.0-code sterk lijkt op de vorige versie HTML4.01. Er zijn alleen bepaalde regels toegevoegd die moeten worden gevolgd.

Wat is er nieuw in de nieuwe standaard? HTML5? Zoveel! Ten eerste: er zijn nieuwe structurele elementen (ongeveer 28 stuks) verschenen, waardoor de semantiek van het schrijven van code is verbeterd; ten tweede: er verscheen ondersteuning voor audio- en videobestanden (dit werd in eerdere versies niet waargenomen!); Nou ja, en ten slotte, ten derde: het werd mogelijk om in een nieuwe omgeving te tekenen canvas met behulp van JavaScript. Wat het laatste punt betreft, is er op internet veel controverse over: “Zal HTML5 ieders favoriete FLASH vervangen?” Voorlopig - nee, het zal het niet vervangen! En dan wachten we maar af.

Dus wat is het belangrijkste verschil tussen HTML5 en zijn voorgangers? U kunt dit probleem begrijpen door naar twee verschillende codes te kijken die identiek in het browservenster moeten worden weergegeven.

HTML4.01-code:

Over het algemeen kan ik over nieuwe tags meer zeggen:

HTML5-webontwikkelaars hebben onderzoek gedaan waaruit de meest populaire namen van klassen en ID's zijn gebleken die op tags zijn toegepast, vandaar de namen voor de nieuwe tags.

P/s: Ik zal iets tegen beginners zeggen: “Als je het moeilijk vindt om te antwoorden: van welke taal je moet beginnen met leren, begin dan met leren vanaf de basis (HTML4.01). Ik denk dat je het snel onder de knie zult krijgen!”

In het artikel worden kort de verschillen tussen html5 en html 4 besproken.
Syntaxis, tekencodering, nieuwe elementen, nieuwe attributen, API. We zullen ook kijken naar gepensioneerde attributen en een aantal belangrijke veranderingen.

HTML 5 is nog in ontwikkeling, maar er zijn al veel interessante dingen over bekend. Op het eerste gezicht lijken de innovaties tegenstrijdig; de tijd zal leren hoe de zaken er in werkelijkheid uit zullen zien.

Syntaxis

HTML 5 heeft twee syntaxis: "aangepaste" HTML en XML. De HTML-syntaxis definieert gedetailleerde parseerregels (inclusief "foutafhandeling"). User Agents zullen deze regels volgen voor documenten die het MIME-type text/html hebben. Hier is een voorbeeld van de HTML-syntaxis: De XML-syntaxis is compatibel met XHTML1-documenten en de implementaties ervan. Om deze syntaxis te gebruiken, moet het MIME-type worden gedeclareerd als een XML-type en moeten de elementen worden opgebouwd volgens de XML-specificatie. Hieronder ziet u een voorbeeld dat de XML-syntaxis volgt:

01

03 < head >

04 < title >Voorbeelddocument

05

06 < body >

07 < p >Voorbeeld paragraaf

08

09

Karaktercodering

Voor XML-syntaxis moeten ontwikkelaars de regels van de XML-specificaties volgen.

Nieuwe elementen

• sectie vertegenwoordigt een deel van een document of sectie
• artikel vertegenwoordigt een onafhankelijk stukje inhoud voor opname in een artikeldocument
• opzij vertegenwoordigt een stukje inhoud dat slechts gedeeltelijk verband houdt met de rest van de pagina
• koptekst vertegenwoordigt de titel sectie
• voettekst- voettekst, kan informatie bevatten over de auteur, copyright enzovoort
• navigatie vertegenwoordigt een sectie van een document bedoeld voor navigatie
• dialoog kan worden gebruikt om dialogen te markeren:
• 01 < dialog >

02 < dt >Costello

03 < dd >Kijk, heb je een eerste honkman?

04 < dt >Abt

05 < dd >Zeker.

06 < dt >Costello

07 < dd >Wie speelt er als eerste?

08 < dt >Abt

09 < dd >Dat klopt.

10 < dt >Costello

11 < dd >Als je elke maand de eerste honkman afbetaalt, wie krijgt dan het geld?

12 < dt >Abt

13 < dd >Elke dollar ervan.

14

• figuur kan worden gebruikt om een ​​titel aan media-inhoud te koppelen:
• geluid En video voor multimedia. Beide bieden de bijbehorende API. Hierdoor kunnen ontwikkelaars hun eigen gebruikersinterface scripten, maar het biedt ook een manier om de standaard user-agent-API aan te roepen. Kan samen met deze elementen worden gebruikt bron, als het mogelijk is om parallelle threads te organiseren.
• insluiten gebruikt voor plug-ininhoud.
• meter- om meeteenheden weer te geven.
• tijd- datum en/of tijd.
• canvas gebruikt voor dynamische grafische weergave.
• commando vertegenwoordigt een opdracht die de gebruiker kan aanroepen.
• dataraster- interactieve presentatie van een boomtypelijst of tabelgegevens.
• details vertegenwoordigt aanvullende informatie die de gebruiker op verzoek kan verkrijgen.
• datalist samen met een nieuw attribuut lijst gebruikt om een ​​combobox te maken:

  1 < input list = browsers >

  2 < datalist id = browsers >

  3 < option value = "Safari" >

  4 < option value = "Internet Explorer" >

  5 < option value = "Opera" >

  6 < option value = "Firefox" >

  7

• gegevenssjabloon, regel, En nest een sjabloonmechanisme voor HTML bieden.
• gebeurtenis-bron gebruikt om gebeurtenissen te onderscheppen die door de server zijn verzonden.
• uitgang vertegenwoordigt een specifiek type uitvoer, bijvoorbeeld van berekeningen die via een script zijn gemaakt.
• voortgang vertegenwoordigt de voortgang van een taak, zoals een download.
• Attribuut type element invoer heeft nu de volgende nieuwe betekenissen:
  • datumtijd
  • datetime-lokaal
  • datum
  • maand
  • week
  • tijd
  • nummer
  • bereik
  • e-mail
  Het idee achter deze nieuwe typen is dat de user-agent een interface kan bieden voor objecten zoals een kalender (datumkiezer), adresboekintegratie en de server kan voorzien van gegevens in een specifiek formaat. Dit biedt bepaalde voordelen voor zowel gebruikers als ontwikkelaars, aangezien gebruikersinvoer wordt gevalideerd voordat deze door de browser naar de server wordt verzonden. Dit betekent dat ontwikkelaars geen middelen hoeven te verspillen aan het valideren van ingevoerde gegevens, wat op zijn beurt leidt tot kortere responstijden.

Nieuwe attributen

• elementen A En gebied heeft een nieuwe ping-vlag ontvangen, die een lijst met URI-adressen definieert die moeten worden gepingd bij het volgen van een hyperlink. Het werkingsprincipe is nog niet helemaal duidelijk.
• element gebied heeft nu hreflang- en rel-attributen
• baseren heb het doelkenmerk gekregen
• attribuut waarde Voor li en attribuut begin voor element ol niet langer afgekeurd
• meta attribuut ontvangen tekenset
• nieuw attribuut autofocus kan worden bepaald door invoer(behalve in gevallen waarin type attribuut - verborgen), selecteren, tekstgebied En knop. Dit biedt een manier om de controle over te dragen aan het formulier terwijl de pagina wordt geladen
• attribuut formulier Voor invoer, uitgang, selecteren, tekstgebied, knop En veldset Hiermee kunt u een element aan meer dan één formulier koppelen
• invoer, knop En formulier heb het attribuut gekregen vervangen, die bepaalt wat er met het element gebeurt nadat het formulier is verzonden
• formulier, selecteren En datalist een attribuut hebben gegevens, waarbij rekening wordt gehouden met automatisch voorvullen bij het vullen met gegevens van de server
• nieuw attribuut vereist geldt voor invoer(behalve in gevallen waarin type attribuut - verborgen, afbeelding of knop) en tekstgebied. Het geeft verplichte velden aan
• invoer En tekstgebied een nieuw attribuut hebben invoermodus wat een hint geeft aan de gebruikersinterface over welke gegevens worden verwacht voor invoer
• nu kun je dat uitzetten(uitschakelen) geheel in één keer veldset wat voorheen niet mogelijk was
• element invoer heeft verschillende nieuwe attributen voor het definiëren van beperkingen: automatisch aanvullen, min, maximaal, patroon En stap, en ook lijst, die samen met elementen kan worden gebruikt selecteren En datalist
• invoer En knop kreeg ook een nieuw attribuut sjabloon, die kan worden gebruikt voor herhalingspatronen
• element menu heeft drie nieuwe attributen: type, label En automatisch indienen
• script heeft een nieuw attribuut asynchroon, wat van invloed is op het laden en uitvoeren van het script
• element html heeft een nieuw attribuut manifest, wat verwijst naar een applicatiecache die wordt gebruikt in combinatie met de API voor zelfstandige webapplicaties

Er zijn ook verschillende nieuwe globale attributen:

• attribuut tevredenbewerkbaar geeft aan dat het element bewerkbaar is
• contextmenu kan worden gebruikt om naar een contextmenu te verwijzen dat door de auteur is gemaakt
• versleepbaar kan worden gebruikt in combinatie met de nieuwe drag&drop API
• niet relevant geeft aan dat het element nog niet of niet langer relevant is

• herhalen
• herhaal-start
• herhaal-min
• herhaal-max

Geannuleerde artikelen

• acroniem
• applet vervangen voorwerp
• isindex
• richt vervangen ul

Geannuleerde kenmerken

• toegangssleutel Voor A, gebied, knop, invoer, label, legende En tekstgebied
• herz En tekenset Voor link En A
• vorm En coördinaten Voor A
• lange afsch Voor afb En iframe
• doel Voor link
• neehref Voor gebied
• profiel Voor hoofd
• versie Voor kaart, afb, voorwerp, formulier, iframe, A
• schema Voor meta
• archief, geclassificeerd, codebasis, codetype, verklaren En stand-by Voor voorwerp
• waardetype En type Voor param
• tekenset En taal Voor script
• samenvatting Voor tafel
• kopteksten, as En afkorting Voor td En e
• domein Voor td

• uitlijnen Voor ondertiteling, iframe, afb, invoer, voorwerp, legende, tafel, uur, div, h1-h6, P, kol, colgroep, tlichaam, td, voet, e, kop, tr En lichaam
• gelijk, link, tekst En vlink Voor lichaam
• achtergrond Voor lichaam
• bgkleur Voor tafel, tr, td, e En lichaam
• grens Voor tafel, afb En voorwerp
• celvulling En celafstand Voor tafel
• verkoold En Charoff Voor kol, colgroep, tlichaam, td, voet, e, kop En tr
• duidelijk Voor br
• compact Voor menu, ol En ul
• kader op tafel
• kaderrand toegeschreven aan iframe
• hoogte Voor iframe, td En e
• hruimte En vruimte Voor afb En voorwerp
• margehoogte, margebreedte En scrollen Voor iframe
• geen schaduw Voor uur
• nourap Voor td En e
• regels Voor tafel
• maat Voor uur, invoer En selecteren
• stijl voor alle elementen
• type Voor li, ol En ul
• vallijn Voor kol, colgroep, tlichaam, td, voet, e, kop En tr
• breedte Voor uur, tafel, td, e, kol, colgroep, iframe En pre

API

• 2D-tekening-API die kan worden gebruikt met het nieuwe element canvas
• API voor het afspelen van video en audio die kan worden gebruikt met nieuwe elementen video En geluid
• speciaal geheugengebied (persistente opslag) met ondersteuning voor sleutel/waarde en SQL-gegevens
• API waarmee webapplicaties autonoom kunnen werken
• Een API waarmee webapplicaties zichzelf kunnen registreren voor specifieke protocollen of MIME-typen
• Bewerkings-API gecombineerd met het nieuwe globale contenteditable attribuut
• Drag&drop API in combinatie met attribuut versleepbaar
• Netwerk-API
• Een API die een browsegeschiedenis opbouwt om te voorkomen dat de terugknop kapot gaat (deze API heeft de nodige beveiligingsbeperkingen)
• Berichten tussen documenten
• Door de server verzonden gebeurtenissen gecombineerd met een nieuw element gebeurtenis-bron

HTMLDocument-extensie

• getElementsByClassName()
• actiefElement En heeftFocus
• getSelectie()
• ontwerpModus En execCommand(), die voornamelijk worden gebruikt voor het bewerken van documenten

Uitbreiding van HTMLElement

• getElementsByClassName()
• innerlijkeHTML
• klasseLijst geïntroduceerd voor gemakkelijke toegang klasseNaam. Het geretourneerde object heeft methoden heeft(), toevoegen(), verwijderen() En schakelaar() om elementklassen te manipuleren

HTML 5 is nog in ontwikkeling, maar er zijn al veel interessante dingen over bekend. Op het eerste gezicht lijken de innovaties tegenstrijdig; de tijd zal leren hoe de zaken er in werkelijkheid uit zullen zien.

Syntaxis

HTML 5 zal twee syntaxis hebben: “aangepaste” HTML en XML. De HTML-syntaxis definieert gedetailleerde parseerregels (inclusief “foutafhandeling”). User Agents zullen deze regels volgen voor documenten die het MIME-type text/html hebben. Hier is een voorbeeld van de HTML-syntaxis:

Voorbeeld paragraaf

De XML-syntaxis is compatibel met XHTML1-documenten en de implementaties ervan. Om deze syntaxis te gebruiken, moet het MIME-type worden gedeclareerd als een XML-type en moeten de elementen worden opgebouwd volgens de XML-specificatie. Hieronder ziet u een voorbeeld dat de XML-syntaxis volgt:

Voorbeeld paragraaf

Karaktercodering

Voor HTML-syntaxis kunnen ontwikkelaars drie manieren gebruiken om de codering in te stellen: – op de transportlaag. Wanneer u bijvoorbeeld de Content-Type HTTP-header gebruikt. – met behulp van het Unicode Byte Order Mark (BOM)-teken aan het begin van het bestand. Dit teken geeft een handtekening van de gebruikte codering. – het gebruik van een metatag met een charset-attribuut, dat moet worden gedefinieerd als het eerste onderliggende element van head. Houd er rekening mee dat de codering wordt bepaald met behulp van

Voor XML-syntaxis moeten ontwikkelaars de regels van de XML-specificaties volgen.

Nieuwe elementen

• sectie vertegenwoordigt een deel van een document of sectie
• artikel vertegenwoordigt een onafhankelijk stukje inhoud voor opname in een artikeldocument
• opzij vertegenwoordigt een stukje inhoud dat slechts gedeeltelijk verband houdt met de rest van de pagina
• koptekst vertegenwoordigt de titel sectie
• voettekst– voettekst, kan informatie bevatten over de auteur, copyright, enzovoort
• navigatie vertegenwoordigt een sectie van een document bedoeld voor navigatie
• dialoog kan worden gebruikt om dialogen te markeren:

• figuur kan worden gebruikt om een ​​titel aan media-inhoud te koppelen:

• geluid En video voor multimedia. Beide bieden de bijbehorende API. Hierdoor kunnen ontwikkelaars hun eigen gebruikersinterface scripten, maar het biedt ook een manier om de standaard user-agent-API aan te roepen. Kan samen met deze elementen worden gebruikt bron, als het mogelijk is om parallelle threads te organiseren.
• insluiten gebruikt voor plug-ininhoud.
• meter– om meeteenheden weer te geven.
• tijd– datum en/of tijd.
• canvas gebruikt voor dynamische grafische weergave.
• commando vertegenwoordigt een opdracht die de gebruiker kan aanroepen.
• dataraster– interactieve presentatie van een boomachtige lijst of tabelgegevens.
• details vertegenwoordigt aanvullende informatie die de gebruiker op verzoek kan verkrijgen.
• datalist samen met een nieuw attribuut lijst gebruikt om een ​​combobox te maken:

• gegevenssjabloon, regel, En nest een sjabloonmechanisme voor HTML bieden.
• gebeurtenis-bron gebruikt om gebeurtenissen te onderscheppen die door de server zijn verzonden.
• uitgang vertegenwoordigt een specifiek type uitvoer, bijvoorbeeld van berekeningen die via een script zijn gemaakt.
• voortgang vertegenwoordigt de voortgang van een taak, zoals een download.
• Attribuut type element invoer heeft nu de volgende nieuwe betekenissen:
• datumtijd
• datetime-lokaal
• datum
• maand
• week
• tijd
• nummer
• bereik
• e-mail

Het idee achter deze nieuwe typen is dat de user-agent een interface kan bieden voor objecten zoals een kalender (datumkiezer), adresboekintegratie en de server kan voorzien van gegevens in een specifiek formaat. Dit biedt bepaalde voordelen voor zowel gebruikers als ontwikkelaars, aangezien gebruikersinvoer wordt gevalideerd voordat deze door de browser naar de server wordt verzonden. Dit betekent dat ontwikkelaars geen middelen hoeven te verspillen aan het valideren van ingevoerde gegevens, wat op zijn beurt leidt tot kortere responstijden.

Nieuwe attributen

HTML 5 introduceert verschillende nieuwe attributen voor elementen die al in HTML 4 waren opgenomen:

• elementen A En gebied heeft een nieuwe ping-vlag ontvangen, die een lijst met URI-adressen definieert die moeten worden gepingd bij het volgen van een hyperlink. Het werkingsprincipe is nog niet helemaal duidelijk.
• element gebied heeft nu hreflang- en rel-attributen
• baseren heb het doelkenmerk gekregen
• attribuut waarde Voor li en attribuut begin voor element ol niet langer afgekeurd
• meta attribuut ontvangen tekenset
• nieuw attribuut autofocus kan worden bepaald door invoer(behalve in gevallen waarin type attribuut – verborgen), selecteren, tekstgebied En knop. Dit biedt een manier om de controle over te dragen aan het formulier terwijl de pagina wordt geladen
• attribuut formulier Voor invoer, uitgang, selecteren, tekstgebied, knop En veldset Hiermee kunt u een element aan meer dan één formulier koppelen
• invoer, knop En formulier heb het attribuut gekregen vervangen, die bepaalt wat er met het element gebeurt nadat het formulier is verzonden
• formulier, selecteren En datalist een attribuut hebben gegevens, waarbij rekening wordt gehouden met automatisch voorvullen bij het vullen met gegevens van de server
• nieuw attribuut vereist geldt voor invoer(behalve in gevallen waarin type attribuut – verborgen, afbeelding of knop) en tekstgebied. Het geeft verplichte velden aan
• invoer En tekstgebied een nieuw attribuut hebben invoermodus wat een hint geeft aan de gebruikersinterface over welke gegevens worden verwacht voor invoer
• nu kun je dat uitzetten(uitschakelen) geheel in één keer veldset wat voorheen niet mogelijk was
• element invoer heeft verschillende nieuwe attributen voor het definiëren van beperkingen: automatisch aanvullen, min, maximaal, patroon En stap, en ook lijst, die samen met elementen kan worden gebruikt selecteren En datalist
• invoer En knop kreeg ook een nieuw attribuut sjabloon, die kan worden gebruikt voor herhalingspatronen
• element menu heeft drie nieuwe attributen: type, label En automatisch indienen
• script heeft een nieuw attribuut asynchroon, wat van invloed is op het laden en uitvoeren van het script
• element html heeft een nieuw attribuut manifest, wat verwijst naar een applicatiecache die wordt gebruikt in combinatie met de API voor zelfstandige webapplicaties

Verschillende attributen uit HTML 4 zijn van toepassing op alle elementen, daarom worden ze globale attributen genoemd: klas, richt, Identiteitskaart, lang, tabindex En titel.

Er zijn ook verschillende nieuwe globale attributen:

• attribuut tevredenbewerkbaar geeft aan dat het element bewerkbaar is
• contextmenu kan worden gebruikt om naar een contextmenu te verwijzen dat door de auteur is gemaakt
• versleepbaar kan worden gebruikt in combinatie met de nieuwe drag&drop API
• niet relevant geeft aan dat het element nog niet of niet langer relevant is

Attributen voor het herhalingsmodel:

• herhalen
• herhaal-start
• herhaal-min
• herhaal-max

Geannuleerde artikelen

De volgende elementen zijn niet opgenomen in HTML 5 omdat hun effect wordt bereikt met behulp van CSS:

• basislettertype
• centrum
• staking

De volgende elementen zijn niet in HTML 5 opgenomen omdat het gebruik ervan een negatieve invloed had op de bruikbaarheid en toegankelijkheid:

• kader
• frameset
• geen frames

De volgende items zijn niet inbegrepen omdat ze zelden zijn gebruikt of mogelijk zijn vervangen door andere items:

• acroniem
• applet vervangen voorwerp
• isindex
• richt vervangen ul

Eindelijk noscript bleef alleen in de HTML-syntaxis, omdat het gebruik ervan gepaard gaat met parseren met behulp van een HTML-parser.

Geannuleerde kenmerken

• toegangssleutel Voor A, gebied, knop, invoer, label, legende En tekstgebied
• herz En tekenset Voor link En A
• vorm En coördinaten Voor A
• lange afsch Voor afb En iframe
• doel Voor link
• neehref Voor gebied
• profiel Voor hoofd
• versie Voor kaart, afb, voorwerp, formulier, iframe, A
• schema Voor meta
• archief, geclassificeerd, codebasis, codetype, verklaren En stand-by Voor voorwerp
• waardetype En type Voor param
• tekenset En taal Voor script
• samenvatting Voor tafel
• kopteksten, as En afkorting Voor td En e
• domein Voor td

Bovendien heeft HTML 5 de volgende kenmerken niet omdat deze beter door CSS worden verwerkt:

• uitlijnen Voor ondertiteling, iframe, afb, invoer, voorwerp, legende, tafel, uur, div, h1-h6, P, kol, colgroep, tlichaam, td, voet, e, kop, tr En lichaam
• gelijk, link, tekst En vlink Voor lichaam
• achtergrond Voor lichaam
• bgkleur Voor tafel, tr, td, e En lichaam
• grens Voor tafel, afb En voorwerp
• celvulling En celafstand Voor tafel
• verkoold En Charoff Voor kol, colgroep, tlichaam, td, voet, e, kop En tr
• duidelijk Voor br
• compact Voor menu, ol En ul
• kader op tafel
• kaderrand toegeschreven aan iframe
• hoogte Voor iframe, td En e
• hruimte En vruimte Voor afb En voorwerp
• margehoogte, margebreedte En scrollen Voor iframe
• geen schaduw Voor uur
• nourap Voor td En e
• regels Voor tafel
• maat Voor uur, invoer En selecteren
• stijl voor alle elementen
• type Voor li, ol En ul
• vallijn Voor kol, colgroep, tlichaam, td, voet, e, kop En tr
• breedte Voor uur, tafel, td, e, kol, colgroep, iframe En pre

API

HTML 5 introduceert veel API's die u zouden moeten helpen bij het maken van webapplicaties. Ze kunnen samen met nieuwe elementen worden gebruikt.

• 2D-tekening-API die kan worden gebruikt met het nieuwe element canvas
• API voor het afspelen van video en audio die kan worden gebruikt met nieuwe elementen video En geluid
• speciaal geheugengebied (persistente opslag) met ondersteuning voor sleutel/waarde en SQL-gegevens
• API waarmee webapplicaties autonoom kunnen werken
• Een API waarmee webapplicaties zichzelf kunnen registreren voor specifieke protocollen of MIME-typen
• Bewerkings-API gecombineerd met het nieuwe globale contenteditable attribuut
• Drag&drop API in combinatie met attribuut versleepbaar
• Netwerk-API
• Een API die een browsegeschiedenis opbouwt om te voorkomen dat de terugknop kapot gaat (deze API heeft de nodige beveiligingsbeperkingen)
• Berichten tussen documenten
• Door de server verzonden gebeurtenissen gecombineerd met een nieuw element gebeurtenis-bron

HTMLDocument-extensie

HTML 5 heeft de HTMLDocument-interface uitgebreid. De interface is nu geïmplementeerd op alle documentinterfaceobjecten. Zijn nieuwe methoden:

• getElementsByClassName()
• actiefElement En heeftFocus
• getSelectie()
• ontwerpModus En execCommand(), die voornamelijk worden gebruikt voor het bewerken van documenten

Uitbreiding van HTMLElement

De HTMLElement-interface kreeg ook verschillende uitbreidingen:

• getElementsByClassName()
• innerlijkeHTML
• klasseLijst geïntroduceerd voor gemakkelijke toegang klasseNaam. Het geretourneerde object heeft methoden heeft(), toevoegen(), verwijderen() En schakelaar() om elementklassen te manipuleren

Wat is er nieuw in HTML5? Verschillen tussen HTML5 en HTML 4

De HTML5-specificatie brengt veel veranderingen met zich mee, van verschillende niveaus en van wisselend belang. Fundamenteel kunnen de belangrijkste veranderingen worden onderverdeeld in 7 blokken:

a) Semantiek (semantische betekenis van taaleenheden)

HTML5 introduceert een aantal nieuwe semantische tags waarmee u de interne structuur van webpagina's zinvoller kunt organiseren. Dit omvat zowel bloktags zoals kop-, voettekst-, artikel- en tekstmarkeringstags zoals mark, ruby, details. Een aantal bestaande HTML4-tags is verouderd verklaard, sommige tags hebben hun betekenis veranderd en bepaalde attributen hebben wijzigingen ondergaan.

b) Multimedia

HTML5 voegt native ondersteuning toe voor multimedia-inhoud (audio en video) rechtstreeks in HMTL-opmaak - met de bijbehorende API voor beheer.

c) Afbeeldingen

Het werken met afbeeldingen aan de clientzijde is merkbaar eenvoudiger geworden. Het canvas-element en een speciale JavaScript-API om ermee te werken zijn toegevoegd aan HTML5. Canvas is een dynamisch ‘oppervlak’ waarop je programmatisch kunt tekenen. HTML5 bevat officieel ook de SVG-tag, waarmee u vectorafbeeldingen kunt implementeren die worden beschreven door de overeenkomstige webstandaard SVG (Scalable Vector Graphics).

d) Webformulieren

Nieuwe webformulierelementen: typen en attributen waarmee u de mogelijkheden van traditionele formulieren kunt uitbreiden met ingebouwde tools zonder het gebruik van extra bibliotheken - van hints in het invoerveld (placeholder) en validatie van ingevoerde waarden tot speciale elementen voor datums en kleuren invoeren.

e) JavaScript-API's.

HTML5 bevat nieuwe mogelijkheden voor het verplaatsen van objecten (Drag & Drop), het werken met de geschiedenis van overgangen (History API), evenals een aantal kleine dingen, zoals de mogelijkheid om inhoud direct op de huidige locatie bewerkbaar te maken met behulp van Content Editable-attributen .

f) Nieuw DOCTYPE

De DOCTYPE-tag is een belangrijk onderdeel van webpagina's die beweren aan de normen te voldoen: zonder deze tag zal de code de validator niet passeren. DOCTYPE is ook belangrijk voor het correct weergeven en functioneren van de pagina in browsers die aan de standaarden voldoen.

Er waren 3 soorten elementen in HTML 4:

• 1. Strikt
• 2. Overgangssituatie
• 3. Met frames (Frameset)

Vaak was het kiezen van een of ander DOCTYPE-element behoorlijk moeilijk. In HTML5 DOCTYPE is er maar één, deze is als volgt geschreven:

Deze korte vermelding vervangt de oudere, langere vorm:

"http://www.w3.org/TR/html4/strict.dtd">

g) Syntaxis

HTML 5 heeft twee syntaxis: "aangepaste" HTML en XML. De HTML-syntaxis definieert gedetailleerde parseerregels (inclusief "foutafhandeling").

De XML-syntaxis is compatibel met XHTML1-documenten en de implementaties ervan. Om deze syntaxis te gebruiken, moet het MIME-type (Multipurpose Internet Mail Extensions) worden gedeclareerd als een XML-type en moeten de elementen worden opgebouwd volgens de XML-specificatie.

Figuur 2 - basiseigenschappen van HTML5