4Strict&5Royals LICENSE (4S5R)

Version 1.0
© JoYz / Joyz.pro

1. Definition

The 4Strict&5Royals License (4S5R) defines a strict structural contract for HTML/CSS interface systems. It is not a traditional software license only; it is a layout and DOM execution specification.

Any implementation adopting 4S5R must respect structural, semantic, and CSS scoping rules defined below.

2. Core Structure (Mandatory)

Every compliant document MUST contain exactly four primary layout containers:

<header class="hd"></header>
<nav class="mn"></nav>
<main class="ct"></main>
<footer class="ft"></footer>

These elements are mandatory and form the base UI contract.

3. Navigation Rule (Strict)

The navigation system MUST follow this structure:

<nav class="mn">
    <ol>
        <li>
            <a href="#">...</a>
        </li>
    </ol>
</nav>

Rules:

  • Only ol, li, a, and optional span are allowed
  • No additional structural wrappers are permitted

4. Main Content Rule (Strict)

The <main class="ct"> element MUST contain at least one section element with slug id for CSS or JS dynamic scope:

<main class="ct">
    <section id="slug"></section>
</main>

Rules:

  • AT LEAST 1 section (slug id) per main container (content)
  • Section ID defines routing and scope context

5. Section Content Rule

Inside section#slug, the following elements are allowed:

  • div (maximum 4 instances)
  • p, h2, h3, h4, h5, h6
  • ul, ol, li
  • pre, code, blockquote
  • table, thead, tbody, tr, th, td
  • a, img, span, strong, em

6. Footer Rule

<footer class="ft"> is unrestricted. It may contain any valid HTML content.

7. CSS Scoping Rule

All styles MUST be scoped to the section ID:

#slug { }
#slug h1 { }
#slug table { }

Rules:

  • Maximum selector depth: 3 levels
  • Global CSS targeting sections without scope is prohibited

8. Context Extension System (.ctx)

When complexity exceeds 3 selector levels, a context class MUST be used:

<section id="slug" class="ctx-example">

Example:

#slug.ctx-example table { }
#slug.ctx-example td { }

Rules:

  • .ctx-* modifies rendering context only
  • Must not replace #slug scope

9. Validation Principle

A document is considered valid if:

  • All four core containers exist
  • One and only one section#slug exists inside main
  • NAV structure follows strict OL/LI/A rules
  • SECTION content respects element limitations
  • CSS respects scope and depth rules

10. Attribution

Any implementation, derivation, or redistribution MUST include:

4Strict&5Royals — Jean-Yves 'JoYz' Cornet / joyz.pro

11. License Summary (Short Form)

4S5R permits free use, modification, and redistribution provided structural DOM rules, navigation constraints, section limitations, and CSS scoping rules are strictly respected, with mandatory attribution.

END OF LICENSE

Ajout certif

validation W3C CSS de http://joyz.pro (CSS niveau 3 + SVG)