Myllaume

Espace numérique de Guillaume Brioudes

HTML

Tout le code HTML devra être validé par les normes du W3C et respecter les consignes ci-dessous qu'il soit écrit directement ou injecté en PHP ou JavaScript.

Markup Validation Service

Pour ce langage, on restera particulièrement attentif à la sémantique pour un code plus lisible tant pour les humains et les machines. Plus les balises et leurs métadonnées sont exactes et précises, meilleur sont l’accessibilité de la page et le référencement.

Généralités

Commentaires

Pour qu'ils soient bien visibles, les commentaires en HTML permettant de signaler les zone de la page devront se faire comme ci-dessous :

<!--
*******************
HEADER
informations supplémentaires sur le contenu ci-dessous
*******************
-->
<header>
    ...
</header>
<!--
*******************
END HEADER
*******************
-->

En-tête

Tous les fichiers HTML doivent débuter comme ci-dessous :

<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <![endif]-->
    <title>Titre de la page</title>
</head>

<body>
    ...
</body>

</html>

Sémantique

Les balises suivantes marquent des zones particulières de la page. Elles sont regroupées ci-dessous par catégories et avec leur usage précis indiqué.

Les éléments HTML5 suivants sont privilégiés aux éléments neutres <div> si leur fonction indiquée ci-dessous s’y prête :

Avec les éléments sémantiques listés ci-dessous, on tâchera d'être encore plus précis dans la déclaration des contenus. Ils sont tous uniques, on ne peut les utiliser plusieurs fois dans une même page web.

Blocs de page

Utilitaire