Voordat je gaat lezen raad ik je aan om deze pagina even door de w3c-validator heen te halen. Vlekkeloos wordt er html5 gevalideerd. De enige waarschuwing die er is, is dat deze pagina gecheckt is met de - HTML5 Conformance Checker -. Dat wil zeggen dat de pagina vandaag zuiver html5 is en morgen misschien niet meer. Er verandert wel eens wat op het html 5 front. Dit is een goede reden om nog niet jouw hele site te "moderniseren" met deze html versie...
Als je er geen probleem mee hebt dat stokoude browsers de pagina niet meer correct kunnen weergeven, kan je rustig html5 gebruiken. Het grote voordeel is dat een pagina geheel gestructureerd moet zijn om deze versie goed te kunnen parsen. Ik geef gewoon de code van deze pagina. Verander wat je wilt, zolang je maar het DOCTYPE niet verandert en de juiste meta's en andere zaken (die de pagina de juiste eigenschappen geeft) niet wijzigt.
Omdat browsers, die niet overweg kunnen met de laatste versie html, de
nare gewoonte hebben om elementen die ze niet kennen als "inline
elements" te behandelen is het niet overstandig om ze te "resetten".
Pagina's op de dns4 hebben hier geen last van, maar mocht je in jouw
site tegen problemen "oplopen" voeg dan in jouw -style- de volgende
regeltjes toe om dit probleem te verhelpen:
html, body, div, span,
object, iframe, h1, h2,
h3, h4, h5, h6, p,
blockquote, pre, a,
abbr, address, cite, code,
del, dfn, em, img, ins,
kbd, q, samp, small,
strong, sub, sup, var, b,
i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot,
thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
body {
line-height: 1;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
section, article, aside,
header, footer, nav, dialog, figure {
display:block;
}
Het is niet de gewoonte op de dns4 om wat voor hack dan ook te gebruiken. De pagina's op deze site hebben ook niet deze trucjes nodig. Omdat de "roestige" IE browsers aan onbekende elementen geen CSS kunnen toekennen kan je de volgende regeltjes Javascript toevoegen aan jouw pagina. Ook IE zal nu correct reageren.
document.createElement('time');
document.createElement('header');
document.createElement('nav');
document.createElement('aside');
document.createElement('article');
document.createElement('footer');
Deze lijst kan je natuurlijk uitbreiden zoveel je maar wilt...
De titel van deze pagina is: html5 voorbeeld valid code w3c.
De sleutelwoorden zijn : html5, valide, w3c en code.
De omschrijving is: html5 example / een crossbrowser voorbeeld wat
w3c valideert.