Weboracle

19.07.20260 visningerHTML5

Batch 10 HTML5: Semantisk tutorialmal er et praktisk eksempel for HTML5 semantikk og skjema med fast ZIP-standard.

Batch 10 HTML5: Semantisk tutorialmal

Batch 10 HTML5: Semantisk tutorialmal er et praktisk eksempel for HTML5 semantikk og skjema med fast ZIP-standard.

Hva scriptet gjør

Scriptet er et praktisk eksempel for WEBoracle-biblioteket. Det viser én avgrenset teknikk som kan lastes ned, leses og testes uten å måtte endre resten av systemet.

Bruk

Last ned ZIP-pakken, les forklaring og user manual, og test hovedfilen lokalt. Tilpass filnavn, stier, tekst, klasser og data før videre bruk.

Kontroll

Før publisering bør du kontrollere at hovedfilen virker, at alle fire ZIP-filer finnes, og at koden ikke overskriver eksisterende arbeid. Bruk gjerne samme sjekkliste som resten av WEBoracle.

Videre arbeid

Eksempelet kan bygges ut med mer rapportering, flere valg eller tettere integrasjon mot innholdsoversiktene. Hold endringene små og dokumenter dem.

Kode

<!doctype html>
<html lang="no">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Semantisk tutorialmal</title>
</head>
<body>
  <main>
    <article>
      <header><p>WEBoracle Batch 10</p><h1>Semantisk tutorialmal</h1><p>Semantisk HTML5-eksempel for teknisk publisering.</p></header>
      <section aria-labelledby="bruk"><h2 id="bruk">Bruk</h2><p>Tilpass teksten, behold strukturen og test med tastatur.</p></section>
      <section aria-labelledby="kontroll"><h2 id="kontroll">Kontroll</h2><ul><li>Kontroller overskriftsnivå.</li><li>Kontroller metadata og lenker.</li><li>Kontroller at siden fungerer på smal skjerm.</li></ul></section>
    </article>
  </main>
</body>
</html>

Publiseringsnotat

Dette scriptet bør behandles som et startpunkt. En produksjonsversjon må testes med reelle data, riktige rettigheter og forventet servermiljø.

Batch 10 kontrollnotat

ZIP-pakken skal alltid kontrolleres før bruk. Hovedfilen, credits, forklaring og user manual må følge med, og eksempelet bør testes lokalt før det flyttes inn i et aktivt prosjekt.