KOMPOOS.NL

html5 basis pagina

home » manuals » html5 » html5.html

sitemap | ga terug naar de pagina waar je vandaan kwam


de broncode van een voorbeeld pagina


<!DOCTYPE html>
<html lang="nl">
        <head>
                <meta http-equiv="content-type" content="text/html;charset=utf-8" />
                <title>html5</title>
                <meta name="keywords" content="html5" />
                <meta name="description" content="basis pagina" />
                <meta name="author" content="Bobik" />
                <meta name="robots" content="noimageclick" />
        </head>
        <body>
                <h1>een h1 header</h1>
                <h2>een h2 header</h2>
                <h3>een h3 header</h3>
                <p>een beetje tekst als voorbeeld</p>
        </body>
</html>

over dit html5 voorbeeld:

Alle scripts en voorbeelden op de kompoos.nl zullen werken op een valide html5 pagina. Op pagina's met een ander doctype werken de voorbeelden ook; mits deze foutloze code bevatten en strict (het doctype) zijn. Om een (html5) pagina zonder problemen te valideren moet het doctype <!DOCTYPE html> zijn, moet de html-tag een lang (taal) bevatten, en moeten alle items (in de head-sectie) die hierboven in de broncode staan, daadwerkelijk op de pagina aanwezig zijn. Bij de content= vul je de voor jou geldende waarden in. Als je een meta tag vergeet, zal de pagina (als je geluk hebt) wel werken, maar is er gegarandeerd wel één of andere validator die in het "rood" gaat. Bij bijna alle voorbeelden (op deze website) staat vermeldt waar je de code-fragmenten moet invoegen/plaatsen. Als er gevraagd wordt om een script zo laag mogelijk in de body-sectie te plaatsen, is het de bedoeling dat de code zo dicht mogelijk bij </body> (let op de slash) geplaatst wordt. Als er gevraagd wordt om code in de head sectie te plaatsen, doe dit dan onder de laatste meta in de head-sectie. Deze (voorbeeld)pagina maakt op geen enkele manier gebruik van de html5-mogelijkheden. Dié kan je vinden in de sitemap van deze website. Zie dit voorbeeld als een basis om foutloze pagina's te maken, die gebruikt kunnen worden om alle voorbeelden, die op deze website staan, zonder problemen, door een willekeurige browser (=cross browser) uit te laten voeren.