Verschillen tussen HTML 4 en HTML5 III:
Gewijzigde tags
Doordat de HTML5-standaard zich steeds verder ontwikkelt, veroudert dit verhaal. De moderne browsers implementeren
nieuwe dingen bij elke update (dat heet 'Evergreen').
Het is niet het doel van deze website om alle wijzigingen in de standaarden bij te houden. Daarom wordt er alleen onderhoud aan gedaan als er echt opvallende wijzigingen zijn.
Het is niet het doel van deze website om alle wijzigingen in de standaarden bij te houden. Daarom wordt er alleen onderhoud aan gedaan als er echt opvallende wijzigingen zijn.
HTML5 is de huidige standaard voor HTML. Deze standaard heeft de naam HTML5 gekregen en is de opvolger van HTML 4.01.
Let op de spelling: het is HTML5, zonder spatie. De naam van de oude standaard
wordt wel met een spatie gespeld.
De meeste tags uit HTML 4 zijn in HTML5 ook beschikbaar. Vaak is het een en ander aan gewijzigd. Denk daarbij aan nieuwe attributen of juist aan attributen die in HTML5 zijn verdwenen. Meestal is het verdwijnen van een attribuut op te lossen door CSS te gebruiken.
Op deze bladzijde wordt een —beknopt— overzicht gegeven van de HTML5 die gewijzigd zijn ten opzichte van HTML
4. De beschrijving is summier. Voor uitgebreide informatie verwijs ik naar de webreference op w3schools.com.
Als het gaat om verdwenen attributen, dan gaat het om attributen die specifiek zijn voor de betreffende tag. Globale
attributen blijven mogelijk.
Alle hier genoemde zaken worden door alle grote browsers volledig ondersteund, tenzij anders vermeld. Dat wil zeggen: op
de dag dat dit document is gemaakt (zie de datum onderaan deze pagina). De gegevens zuilen zeker door de tijd worden ingehaald.
Verder is de ontwikkeling van de HTML5-standaard nog niet afgerond. De tekst van deze pagina kan ook daardoor nog veranderen.
| Tag | Beschrijving / wijzigingen | |
| <!doctype> | Document-type. HTML 4 kent er drie verschillende,
zie Over Standards mode en Quirks mode. In HTML5 is er maar één: <!doctype html>. |
|
| <a> | Hyperlink (Anker). in HTML5 verdwenen attributen:
charset, coords, name, rev en shape. Om bookmarks in een bladzijde kunt zetten gebruik je nu
<a id=" … "> (Dit werkt ook al in HTML 4). Nieuwe attributen: media en type. |
|
| <address> | Adress-informatie. De functie gewijzigd:
In HTML5 is dit een onderdeel van <body>, <article> of van <footer>. In HTML 4 bevat het uitsluitend informatie over de eigenaar van het document. |
|
| <area> | Gebied in een image-map wat een hyperlink is.
Verdwenen attributen: nohref. Nieuwe attributen: hreflang, media, rel en type. |
|
| <blockquote> | (Lang) Citaat. De functie gewijzigd:
In HTML 4 definiëert <blockquote> een lang citaat (sec). In HTML5 is het een lang citaat uit een andere bron. |
|
| <body> | Content-gedeelte van een HTML-document. Alle
attributen (alink, background, bgcolor, link, text en vlink) zijn in HTML5 niet meer
beschikbaar. |
|
| <button> | Drukknop, in HTML-5 ook in een formulier.
Nieuw in HTML5 zijn: autofocus en form. In HTML-5 in combinatie met type="submit": formaction,
formenctype, formmethod, formnovalidate en formtarget. button moet in HTML 4niet worden gebruikt binnen een form-tag, omdat de verschillende browsers daar verschillend op reageren. |
|
| <caption> | Bijschrift bij een tabel. In HTML5 is het
attribuut align niet meer beschikbaar |
|
| <cite> | Specificeert de titel van een werk buiten
de site. Functionaliteit is gewijzigd. In HTML 4 is dit de titel van een werk (boek, liedje, schilderij, etc.). In HTML5 is dit een citaat uit het werk van iemand anders. |
|
| <col> | Specificeert de eigenschappen van een tabel-kolom.
<col> staat binnen een <colgroup>-tag. In HTML5 verdwenen attributen: align, char,
charoff, valign en width. |
|
| <colgroup> | Specificeert een aantal kolommen in een
tabel met dezelfde eigenschappen. In HTML5 verdwenen attributen: align, char, charoff, valign
en width. |
|
| <div> | Definieert een hoofdstuk of paragraaf van
een tekst. in HTML5 verdwenen attribuut: align. |
|
| <fieldset> | Groepeert een aantal bij elkaar horende
elementen in formulier. In HTML5 zijn er drie nieuwe attributen: disabled, form en name.< |
|
| <form> | Definieert een formulier. In HTML5 is het
attribuut accept niet meer beschikbaar. Nieuw in HTML5 zijn de attributen autocomplete en novalidate. |
|
| <h1> t.m. <h6> | Koppen
in je tekst. In HTML5 is het attribuut align niet meer beschikbaar. |
|
| <head> | Voor de gebruiker niet-zichtbare gegevens,
die voor de browser wel nodig zijn. In HTML5 is het attribuut profile verdwenen. |
|
| <hr> | Functionaliteit is gewijzigd. In HTML 4 maak je
hiermee een horizontale lijn, In HTML5 is het een scheiding tussen verschillende onderwerpen in het document. In HTML5 zijn de attributen align, noshade, size en width verdwenen. |
|
| <html> | Container voor het hele HTML-document; alle
tags behalve <!doctype> staan binnen deze tag. In HTML5 is er nieuw attribuut: manifest. |
|
| <i> | Functionaliteit is gewijzigd. In HTML 4 is het
schuingedrukte tekst, in HTML5 geeft het tekst aan die in een andere "gemoedstoestand" staat, of met een andere
stem wordt gesproken. In HTML5 wordt dit schuingedrukt op het scherm weergegeven. |
|
| <iframe> | Definieert een Inline Frame. In HTML5 zijn
verdwenen: align, frameborder, longdesc, marginwidth en scrolling. Nieuw in HTML5 zijn sandbox, seamless en srcdoc. |
|
| <img> | Hiermee neem je een plaatje op in je document.
In HTML5 zijjn de volgende attributen niet meer beschikbaar: align, border, hspace, longdesc en
vspace. Nieuw in HTML5 is het attribuut crossorigin. Op moment van schrijven is niet bekend welke browsers crossorigin ondersteunen. |
|
| <input> | Invoer van gegevens via een formulier. In HTML5
is het attribuut align niet meer beschikbaar. Nieuw in HTML5 zijn de attributen autocomplete, autofocus, form, formaction, formenctyp, formmethod, formnovalidate, formtarget, height, list, max, min, multiple, pattern, placeholder, required, step en width. Aan het attribuut type zijn twaalf nieuwe mogelijkheden toegevoegd: color, date, datetime, datetime-local, email, month, number, range, search, tel, url en week. |
|
| <label> | Definieert een label voor een <input>-element.
In HTML5 is er een nieuw attribuut: form. |
|
| <legend> | Definieert een bijschrift voor een <fieldset>-element.
In HTML5 is het attribuut align verdwenen. |
|
| <link> | Definieert een koppeling met een extern document.
In de praktijk wordt dit alleen gebruikt voor het linken van style-sheets. Dat is ook het enige waarvoor alle browsers het
goed hebben geïmplementeerd. Andere mogelijke toepassingen zijn er niet o het moment dat dit wordt geschreven. In HTML zijn een paar attributen verdwenen: charset, rev en target. Het attribuut sizes is nieuw in HTML5. Dat wordt echter door geen van de grote browsers ondersteund. |
|
| <menu> | Definieert een menu. In HTML5 zijn er twee
nieuwe attributen: label en type. Voor deze tag zijn veel betere oplossingen beschikbaar met behulp van CSS. 
 |
|
| <meta> | Globale gegevens over het HTML-document. In
HTML5 is het attribuut scheme verdwenen. Nieuw in HTML5 is charset. |
|
| <object> | Specificeert een object dat wordt ingebed
(embedded) in een HTML-document, bijvoorbeeld een filmpje. In HTML5 zijn de meeste attributen verdwenen: align, archive,
border, classid, codebase, codetype, declare, hsapce, standby en vspace.
|
|
| <ol> | Definieert een geordende lijst. Het attribuut
compact is verdwenen in HTML5. Nieuw is het attribuut reversed, waarmee je een lijst van hoog naar laag laat tellen. |
|
| <p> | Definieert een tekstparagraaf in een document.
In HTML5 is het attribuut align niet meer beschikbaar. |
|
| <param> | Definieert parameters voor plugins die met
<object> zijn embedded in een document. In HTML5 zijn de attributen type en valuetype verdwenen. |
|
| <pre> | Toon een blok geformatteerde tekst. De browser
toont dit 'zoals het wordt aangeleverd'. De browser heeft dus geen invloed op de opmaak. In HTML5 is het attribuut width verdwenen. |
|
| <s> | Doorgehaalde tekst. In HTML5 is de functie gewijzigd.
Het definieert tekst die niet langer juist is. De browser toont dit als |
|
| <script> | Definieert een blok (Java-)script. In HTML5
is het attribuut xml:xxxx verdwenen. Nieuw is het attribuut async, dat echter niet wordt ondersteund door Internet Explorer. |
|
| <select> | Maak een dropdown list. In HTML5 zijn er
twee nieuwe attributen:
|
|
| <strong> | Functionaliteit is gewijzigd. In HTML 4
is het sterk benadrukte tekst. In HTML5 is het belangrijke tekst. Browsers geven dit weer als dikgedrukte tekst. |
|
| <style> | Definieert een style-block in een document.
Een nieuw attribuut, scoped, is inmiddels weer uit de standaard verdwenen. |
|
| <table> | Definieert een tabel. In HTML5 zijn de volgende
attributen verdwenen: align, bgcolor, cellpadding, cellspacing, frame, rules, summary
en width. |
|
| <tbody> | Groepeert de rijen en cellen die het datadeel
(de body) van de tabel vormen. In HTML5 zijn de volgende attributen verdwenen: align, char, charoff
en valign. |
|
| <td> | Definieert een cel in een tabel. In HTML5 zijn
de volgende attributen verdwenen: abbr, align, axis, bgcolor, char, charoff, height,
nowrap, scope, valign en width. |
|
| <textarea> | Definieert een formulier-veld voor tekst-invoer,
dat uit meerdere regels bestaat. In HTML5 zijn er zes nieuwe attributen: autofocus, form, maxlength,
placeholder, required en wrap.
|
|
| <tfoot> | Definieert de rijen in een tabel die de voettekst
vormen. In HTML5 zijn de volgende attributen verdwenen: align, char, charoff en valign. |
|
| <th> | Definieert een cel als kolom- of rijkop in
een tabel. In HTML5 zijn de volgende attributen verdwenen: abbr, align, axis, bgcolor, char,
charoff, height, nowrap, valign en width. |
|
| <tfoot> | Definieert de rijen in een tabel die de koptekst
vormen. In HTML5 zijn de volgende attributen verdwenen: align, char, charoff en valign. |
|
| <tr> | Definieert een rij en een tabel. In HTML5 zijn
de volgende attributen verdwenen: align, bgcolor, char, charoff en valign. |
|
| <u> | Functionaliteit is gewijzigd. In HTML 4 is het
onderstreepte tekst, in HTML5 geeft het tekst aan die stilistisch afwijkt, bijvoorbeeld Japanse karakters. In HTML5 wordt
dit onderstreept op het scherm weergegeven. |
|
| <ul> | Definieert een ongeordende lijst. De attributen
compact en type zijn verdwenen in HTML5 |
|
| <var> | Definieert een variabele. De browsers geven
dit weer als schuingedrukte tekst. |
Hieronder staat nog een overzicht van de tags die in HTML5 niet gewijzigd zijn ten opzichte van HTML 4.
| Tag | Beschrijving | |
| <!-- --> | Commentaar |
|
| <abbr> | Afkorting. Wordt door zoekmachine gebruikt
bij het indexeren van de pagina. |
|
| <b> | Dikgedrukte tekst. |
|
| <base> | Basis voor alle relatieve links in het document. |
|
| <bdo> | Wijzig de (huidige) tekstrichting. |
|
| <br> | Nieuwe regel |
|
| <code> | Definieert een blok met computer-code, zoals C,
Delphi, Visual Basic, JavaScript, enz. Browsers tonen dit met monospaced karakters. |
|
| <dd> | Beschrijft een item dt in een definitielijst dl. |
|
| <del> | Markering van verwijderde tekst. Browsers tonen
dit als |
|
| <dfn> | Definitie |
|
| <dl> | Definieert een definitielijst. |
|
| <dt> | Definieert een item in een definitielijst dl. |
|
| <em> | Benadrukte tekst. Browsers tonen dit als schuingedrukte
tekst. |
|
| <ins> | Ingevoegde tekst. Browsers tonen
dit als onderstreepte tekst |
|
| <kbd> | Invoer vanaf het toetsenbord. Browsers tonen
dit met monospaced karakters. |
|
| <map> | Definieert een image-map voor het maken van
hyperlinks. In HTML5 moeten de attributen id en name aan elkaar gelijk zijn. |
|
| <noscript> | Tekst die verschijnt als scripting (lees:
JavaScript) is uitgeschakeld. |
|
| <optgroup> | Groepeert gerelateerde items in een dropdown lijst |
|
| <option> | Definieert een item in een dropdown lijst. |
|
| <q> | Kort citaat uit een ander werk. Browsers horen het citaat tussen dubbele aanhalingstekens te zetten. |
|
| <samp> | Definieert voorbeeld-uitvoer van een computerprogramma. |
|
| <small> | Definieert kleinere tekst. |
|
| <span> | Groepeer inline-elementen in een document |
|
| <sub> | Definieert subscript. |
|
| <sup> | Definieert superscript. |
|
| <title> | Definieert de titel van het document. |
|
| <var> | Definieert een variabele. Browsers geven dit
weer als schuingedrukte tekst. |
Zie ook:
- Verschillen tussen HTML 4 en HTML5 I: Nieuwe tags in HTML5
- Verschillen tussen HTML 4 en HTML5 II: Verdwenen HTML 4-tags
Behalve tags, is in HTML5 een aantal (globale) attributen gewijzigd. Zie het item Globale attributen in HTML5 II: Bestaand en gewijzigd
