tips

HTML4 vs HTML5:  wat is het verschil


In 1993 werdHTML (HyperText Markup Language) voor het eerst geïntroduceerd als standaard code voor webpagina's op het internet en heeft daarna een aantal ontwikkelingen meegmaakt.
Zo kwam in 1998 HTML versie 4 (html4) welke eenvoudig te gebruiken was voor hobbyisten en beginners om webpagina's te maken.
In 2014 kwam HTML versie 5 (html5) als standaard met veel meer mogelijkheden. De grootste verandering is dat inhoud en layout sterk van elkaar gescheiden zijn. Een nadeel van html5 is dat daarin een aantal attributen van html4 niet meer ondersteund worden en waarbij het gebruik van css bijna noodzakelijk is geworden. Waarom er gekozen is om een aantal html4 attributen niet meer te ondersteunen izal misschien te maken hebben om te de-clutteren. Voor degenen die html4 gewend zijn is dit een flinke aanpassing.
Browsers weten van een webpagina welke versies de codes zijn doordat in de bovenste regel van de pagina staat welke versie is bedoeld.
    voor html5: <!DOCTYPE html>
    voor html4: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Hopelijk zullen browsers de in oudere html versies gemaakte webpagina's nog lang blijven ondersteunen zodat we ze kunnen blijven bekijken.

Verdwenen in html5:
• <font> . . . </font>   nu: <p style= ...> . . . </p>
    bijvoorbeeld   <p style="color:blue"> . . . </p>
    zo ook voor    <p style="font-size:11px">  en  <p style="font-family:verdana">
• <center> . . . </center>  nu: <p span align="middle"> . . . </p>
• <a name="ankernaam"> . . . </a>   nu: <a id="ankernaam"> . . . </a>
• <table width="50%"> . . . </table>  nu: <table style="50%">
• <td width="50"> . . . </td>  nu: <td style="width: 50px;"> . . . </td>
• <BODY text="#000088" bgcolor="#9999ee" link="#000088">  nu: kan alleen met css

links html4:
handleiding
HTML4 Element Reference, tags alfabet


links html5:
tutorial, manual attributes
HTML5 Element Reference, tags alfabet
HTML5 validator