Thuis-Hoe een bestand te openen-Wat is het verschil tussen html5 en html 2.0? Verschillen tussen html5 en html4.01 en xhtml1.0
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:
Sitekop
Menu
Menu-item nr. 1
Menu-item nr. 2
Bericht #1
Tekst van het eerste bericht.
Bericht #2
Tekst van het tweede bericht.
HTML5-code:
Sitekop
Bericht #1
Tekst van het eerste bericht.
Bericht #2
Tekst van het tweede bericht.
Zoals u kunt zien, is de HTML5-code eenvoudiger. Als we in het eerste geval een div hebben gebruikt, die de browser informeerde dat er een eenvoudig blok voor ons staat, dan laten we in het tweede geval, dankzij de nieuwe tags, de browser weten dat er voor ons een navigatie is blok (nav-tag), een berichtblok (artikeltag), een blokkoptekst (headertag) en voettekst (voetteksttag).
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.
In tegenstelling tot eerdere versies is de syntaxis voor het schrijven van code semantisch geworden. We moeten gewoon wachten tot alle browsers HTML5 volledig ondersteunen.
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 xml version = "1.0" encoding = "UTF-8" ?>
03 < head >
04 < title >Voorbeelddocument title >
05 head >
06 < body >
07 < p >Voorbeeld paragraaf p >
08 body >
09 html >
Karaktercodering
Voor HTML-syntaxis kunnen ontwikkelaars drie manieren gebruiken om de codering in te stellen: - op transportniveau. 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:
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 dialog >
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 datalist >
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 afgehandeld:
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
Gebaseerd op
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:
Voorbeelddocument
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:
Voorbeelddocument
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.