SimpleSL· simple site layout

Essential reference

Documentation

Native HTML core

A short convention,
a predictable document.

4Strict & 5Royals rests on four core areas and at least one identified section.

structure.htmlSimpleSL minimal
<!doctype html>
<html lang="en">
<head>…</head>
<body>
<header class="hd">…</header>
<nav class="mn" aria-label="Main navigation">…</nav>
<main class="ct">
  <section id="slug">…</section>
</main>
<footer class="ft">…</footer>
</body>
</html>
AreaElementRole
.hdheaderIdentity and document introduction
.mnnavMain navigation
.ctmainPage-specific content
#slugsectionA single functional context
.ftfooterMetadata and conclusion
5Royals rule

Direct children of main.ct are sections. Every page has at least one section with a stable, readable identifier.