Voorbeeldpagina, notificatie

Voorbeeld van een notificatiepagina, ookwel error-pagina genoemd.

Aandachtspunten:

Voorbeelden:

Visueel voorbeeld:

Error code 404: Pagina niet gevonden

De pagina die u wilde zien of het bestand dat u wilde bekijken is niet gevonden.

U kunt de informatie die u zoekt mogelijk vinden via de volgende pagina's:

Of ga terug naar de hoofdpagina

Hoofdpagina
De Rijksoverheid. Voor Nederland

html-voorbeeld:

          
<!DOCTYPE html>
<html lang="nl">
  <head>
    <meta charset="UTF-8">
    <title>Lorem ipsum</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="static/css/style.css" rel="stylesheet">
    <link href="static/img/favicon.ico" rel="shortcut icon">
    <script defer src="static/js/sidemenu.js"></script>
  </head>

  <header>
    <a href="#main-content" class="button focus-only">Ga direct naar inhoud</a>
    <a href="" class="ro-logo">
      <img src="static/img/ro-logo.svg" alt="Logo Rijksoverheid">
      Rijksoverheid
    </a>

    <nav aria-label="Hoofdnavigatie">
      <div>
        <ul>
            <li ><a href="" aria-current="page">Hoofdpagina</a></li>
            <li><a href="">Ipsum</a></li>
            <li><a href="">Dolor</a></li>
        </ul>
      </div>
    </nav>
  </header>

  <main id="main-content" tabindex="-1">
    <section>
      <div>
        <h1>Pagina niet gevonden</h1>
        <p>De pagina die u wilde zien of het bestand dat u wilde bekijken is niet gevonden.</p>

        <h2>U kunt de informatie die u zoekt mogelijk vinden via de volgende pagina's:</h2>

        <ul>
          <li><a href="../index.html">Rijksoverheid CSS</a></li>
          <li><a href="index.html">Online Componenenten Bibliotheek</a></li>
          <li><a href="/" aria-current="page">Voorbeeld notificatiepagina</a></li>
        </ul>


      </div>
    </section>
  </main>

  <footer>
    <div>
      <span>De Rijksoverheid. Voor Nederland</span>
    </div>
  </footer>
</html>
Terug naar het hoofdmenu