| |
Terug naar homepages maken op de Doeners site van DeDS
HTML4 vs HTML5: wat is het verschil
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.
In het begin werd voor de layout veelvuldig gebruik gemaakt van het element "table" (tabel). Hiermee kon eenvoudig een mooie website gemaakt worden.
Eigenlijk zijn tabellen bedoeld voor het orderlijk weergeven van data, niet voor layout doeleinden.
Tabellen zijn niet responsief en bij gebruik als layout worden websites niet goed weergegeven op smartphones.
Voor het maken van je eigen startpagina zijn ze echter goed te gebruiken.
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.
Degenen die html4 gewend zijn is omschakelen naar html5 wel een flinke aanpassing.
Enkele veranderingen html4 vs html5:
• <font ... >Tekst</font> nu: <span style= ...>Tekst</span>
bv <span style="color:blue;">Tekst</span>
<span style="color:#0000ff;">Tekst</span>
<span style="font-size:16px;">Tekst</span>
<span style="font-family:verdana;">Tekst</span>
• <center>Tekst</center> nu:
<div style="text-align: center;">Tekst</div>
• <a name="ankernaam">Tekst</a> nu: <a id="ankernaam">Tekst</a>
• <table width="50%">Tekst</table> nu: <table style="width: 50%">
• <td width="50">Tekst</td> nu: <td style="width: 50px;">Tekst</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
|