Description
Balisage purement sémantique avec utilisation de schema.org et aria.
Outils :
- Pas de Bootstrap.
- Pas de purge parce qu'il n'y a rien à purger.
HTML :
- Balisage sémantique
- Utilisation des schemas (schema.org, itemtype et itemprop)
- Utilisation des propriétés ARIA (https://www.w3.org/TR/html-aria/)
Classes CSS :
- Utiliser en priorité les balises pures, sans classe.
- S'appuyer sur l'arbre HTML pour les sélecteurs CSS : définir une limite de niveaux pour garder une bonne lisibilité / maintenabilité.
- Limiter l'usage des classes aux cas où elles apportent du sens, sans pour autant diminuer la compréhension et la maintenabilité.
- Aucune classe de présentation dans le DOM (row, col, large, mb-5...).
- Utiliser des body classes indiquant la nature des pages pour du contexte.
- Quand les balises pures et les body classes ne suffisent pas, ajouter des classes qui indiquent la nature des objets traités (post, person, author, product...)