Moins de règles à mémoriser.
Plus de contexte visible.

SimpleSL conserve le langage du Web et ajoute seulement une grammaire commune pour organiser le document.

Principe fondamental

Section = fonctionnalité

Une section représente un écran, une fonctionnalité ou un contexte métier autonome. Une carte, un formulaire ou un tableau n’existe pas hors de ce contexte.

<section id="contact">
  <form class="card">…</form>
</section>

Scope CSS naturel

Le slug porte le contexte

Le même composant peut garder une classe simple tout en variant selon sa section.

#news .card { border-left: 4px solid; }
#contact .card { max-width: 40rem; }

Cinq niveaux, du document à l’élément

Documenthtml — le document complet
Structurehd · mn · ct · ft — les zones globales
Fonctionnelsection#slug — le contexte métier
Interfacecard · table · form · grid — les outils internes
HTML natifh2 · p · a · button · input — la fondation