HTML5 voorbeeld

zuiver html5

terug naar de vorige pagina

Als jouw beeldscherm er heel erg veel anders uitziet dan het plaatje wat in deze kolom staat, is er grote kans dat jouw browser toch niet één van de aller-modernste is (om het maar eens heel voorzichtig uit te drukken). html5 scherm Deze (pure) html5 pagina wijkt af van alle andere pagina's op de dns5.nl. Dat kan ook niet anders, want deze pagina heeft geen enkele "grap" die alle andere pagina's wel hebben. En deze pagina heeft weer zaken die de andere pagina's niet hebben. Om er maar één te noemen: Deze pagina bevat een stukje Javascript om "oude" browsers ook aan het html5-feest te laten meedoen. De bezoekers die vaak langskomen op de dns5.nl weten wat er aan de hand is. Ik moet voor het voorbeeld flink wat tekst invoeren om de pagina wat vorm te geven en ik heb eigenlijk niet zo veel te vertellen. Vandaar deze overvloed aan woorden. Om toch nog wat nuttigs aan jou te vertellen kan ik zeggen dat je alleen maar de broncode van dit html5-voorbeeld naar jouw webruimte hoeft te kopieren om een degelijke basis te hebben voor jouw website. Html5 gebruikt ontzettend weinig code; en zo hoort het ook. Het meeste op een html5-pagina is de aanwezige content. Daardoor blijven de pagina's supersnel. Zo.. het plaatje zal nu wel ingesloten zijn door tekst, dus gauw naar de volgende "section".

Het wordt tijd om de link naar de basis-html5-pagina op de pagina te zetten. Kopieer de broncode naar jouw webruimte en probeer een originele standaard pagina "in elkaar te flansen". Probeer met zo weinig mogelijk code een zo groot mogelijk effect te krijgen. Html5 leent zich er uitstekend voor om razendsnelle pagina's te laten renderen. Het zou jammer zijn als je dit voordeel verspeelt door er een rommeltje van te maken. Onthoud: Hoe sneller jouw pagina is, hoe meer bezoek van de Googlebot je krijgt. En dat is nooit te versmaden...
Als je specifieke html5-pagina's wilt maken, kijk dan ook even bij (b.v.) de geo-pagina of de drag-drop pagina of de spell-check pagina. In de site index staan er nog veel meer..