Weboracle

19.07.20260 visningerHTML5

Statusseksjon for innhold er et praktisk HTML5-eksempel for WEBoracle med ZIP-pakke, manual og forklaring.

Statusseksjon for innhold

Statusseksjon for innhold er et praktisk HTML5-eksempel for WEBoracle med ZIP-pakke, manual og forklaring.

Hva scriptet gjør

Dette scriptet er laget som et lite, avgrenset eksempel for WEBoracle-biblioteket. Det viser en konkret teknikk som kan testes lokalt før den eventuelt bygges inn i en større arbeidsflyt.

Typisk bruk

Bruk scriptet når du trenger et startpunkt som er lett å lese, lett å forklare og lett å kontrollere. Det er ikke ment som en ferdig produksjonsmodul uten lokal tilpasning.

Før publisering

Les forklaring og user manual i ZIP-pakken.
Tilpass filstier, tekst og eventuelle selektorer.
Test i et lukket miljø.
Dokumenter endringer før videre distribusjon.

Kode

<!doctype html>
<html lang="no">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Statusseksjon for innhold</title>
</head>
<body>
  <main>
    <article>
      <header>
        <p>WEBoracle eksempel</p>
        <h1>Statusseksjon for innhold</h1>
        <p>En liten HTML5-struktur for teknisk innhold.</p>
      </header>
      <section aria-labelledby="metadata">
        <h2 id="metadata">Metadata</h2>
        <dl>
          <dt>Type</dt><dd>Eksempel</dd>
          <dt>Status</dt><dd>Test lokalt før bruk</dd>
        </dl>
      </section>
      <section aria-labelledby="bruk">
        <h2 id="bruk">Bruk</h2>
        <p>Tilpass innholdet, behold semantikken og kontroller tastaturnavigasjon.</p>
      </section>
    </article>
  </main>
</body>
</html>

Eksempelet bør sees sammen med tutorialen i samme kategori, slik at kode, forklaring og testpunkter henger sammen.