html5-demo

Je hoeft niet bang te zijn dat html5 pagina's niet door alle browsers weergegeven kunnen worden.

Probeer het maar. Zolang je niet een commodore 64 of nog oudere rommel gebruikt, zal je deze pagina op jouw beeldscherm zien. Voor mijn part schakel je alle CSS uit en wat mij betreft heb je ook geen php of javascript nodig.
Je leest wel eens op de "expert-sites" dat men zich afvraagt wanneer het verantwoord zal zijn om html-5 te gebruiken. Ik vraag mij alleen af hoe iemand zo debiel kan zijn om deze onzin uit te kramen. Als je ergens geen verstand van hebt kan je beter maar jouw mond dicht houden. Html5 is niet één of ander buiten-aards concept, maar gewoon een manier om een pagina van een DOC-type te voorzien.
Als je een foutloze "strict"-pagina gemaakt hebt, kan je er bijna zeker van uitgaan dat deze ook op html5 zal valideren. Check deze html5-pagina maar op de W3C-validator. De denkfout die de meeste mensen maken is dat er verondersteld wordt dat je verplicht bent om alle html5-zaken op een pagina te plaatsen. Welnee... In plaats van een <footer> mag je best een class of id (.de-footer of #de-footer) gebruiken.
Natuurlijk kan je met wat javascript er voor zorgen dat ook oude browsers de nieuwe html-5 items herkennen, maar het is absoluut niet verplicht om dat te doen. Kijk voor het benodigde script maar op dit html5-example. Even wat over de opbouw van deze html5-demo:
Er is gekozen voor een "fixed" breedte van de pagina (gemaakt voor 1024/768). Daardoor is het heel makkelijk om de pagina op de millimeter te stylen. Nooit verrassingen als de pagina op een andere resolutie wordt weergegeven. Genoeg geleuterd in dit "vak". Kopieer de zipfile met de broncode (en plaatjes) van deze html-demo naar jouw webruimte. Alles wat je nodig hebt zit in de file.

Op deze html5-demo-pagina ga ik nog wat plaatjes en tekst zetten om een idee van het geheel te geven. Theorie is allemaal leuk en wel, maar het oog wil ook wat. Eén voorbeeld zegt meer dan 10 pagina's "geleuter". Op deze demo pagina is in de broncode wat javascript gebruikt om de pagina snel op het scherm te "zetten". Dat is echt niet nodig om de pagina te laten functioneren maar het is altijd verstandig om er voor te zorgen dat alles zo snel als mogelijk werkt. Voel je vrij om uit de broncode van deze pagina de desbetreffende code naar jouw web-pagina te kopieren. Het enige nadeel van javascript op een pagina is dat als jouw bezoeker geen javascript heeft ingeschakeld, de plaatjes niet zullen "laden". Het is altijd een afweging tussen gebruikersvriendelijkheid en techniek. Op deze pagina is gekozen voor snelheid. Ik neem aan dat je begrijpt dat ik al deze tekst alleen maar in dit "vak" zet om genoeg letters en woorden te hebben om het plaatje te omsluiten. Altijd dat afgezaagde "Lorem ipsum dolor sit amet" etc. komt zo ongeveer mijn neus uit... Eigenlijk dient dat alleen maar om een lettertype te bekijken zonder afgeleid te worden door de strekking van de tekst. Vandaar dat ik mijn eigen tekst op deze pagina neerzet. Dat ziet er net zo goed uit als een "lorem ipsum-versie" maar geeft daarbuiten ook nog wat informatie. Al is dat niet zo waardevol voor jou. Ik denk nog na of er iets over deze html5-demo te vertellen valt, maar ik ben bang dat er niets meer valt uit te leggen. Ik zou nog wat trefwoorden op de pagina kunnen plaatsen. maar ik denk dat er al genoeg verwijzingen naar deze html5-demo of anders gezegd html5-example geplaatst zijn. Ik vind het heel erg belangrijk dat de google-bot deze pagina op de juiste wijze indexeert, maar je moet nooit overdrijven door een overmaat aan steekwoorden op een pagina te plaatsen. Zo.. Het is nu wel genoeg geweest. Ik ga deze tekst afsluiten.