Zet de inhoud van de pagina in de HTML broncode op volgorde van belangrijkheid.

Tips

Een goed gestructureerd HTML-document
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="nl" xml:lang="nl" xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>Voorbeelddocument</title>
    <link rel="stylesheet" href="/css/main.css" type="text/css" media="all" />
    <link rel="stylesheet" href="/css/print.css" type="text/css" media="print" />
  </head>
  <body>
    <div id="belangrijksteinhoud">
      <h1>Belangrijkste kopregel</h1>
      <p>Dit is het belangrijkste alinea. Vandaar de plaats bovenaan de pagina.</p>
      <h2>Een sub-onderwerp</h2>
      <p>Eigenlijk is dit een tweede alinea van de belangrijkste inhoud, met een subkopje erboven.</p>
      <h2>Nog een onderwerp</h2>
      <p>Iets langere teksten bevatten soms meerdere subkopjes. Dit is het einde van de belangrijkste inhoud</p>
    </div>
    <div id="ietsminderbelangrijk">
      <h3>Minder belangrijke kopregel</h3>
      <p>Dit is een voorbeeld van minder belangrijke inhoud. U kunt zich voorstellen dat dit een nieuwsblokje zou kunnen zijn. Door dit stukje tekst te stijlen via CSS, is het mogelijk om te bepalen waar het blokje komt te staan in de visuele weergave van de pagina in een browser.</p>
    </div>
    <div id="navigatie">
      <h2>Navigatie</h2>
      <ul>
        <li>Menukeuze 1</li>
        <li>Menukeuze 2</li>
        <li>Menukeuze 3</li>
      </ul>
    </div>
    <p id="minstbelangrijk">Hier komt bijvoorbeeld een footer met copyright informatie.</p>
  </body>
</html>

Links

Externe links

Teruggeplaatst van "http://wiki.webrichtlijnen.nl/R-pd.6.2"