#### Table des matières * [Formatting Rules](#formattingRules) + [Programming](#programming) + [Indentation](#indentation) + [Case](#case) + [Quote](#quote) + [Scaffold](#scaffold) + [Tags](#tags) + [Attributes](#attributes) + [Tags Valid](#tagsValid) * [Style Rules](#styleRules) + [Separation Of Concerns](#separationOfConcerns) + [Semantic](#semantic) + [Load optimization](#loadOptimization) + [Scaffold optimization](#scaffoldOptimization) + [Comments](#comments) + [Doctype](#doctype) + [Character Encoding](#characterEncoding) + [Language attribute](#languageAttribute) + [Embedded Resources](#embeddedResources) + [Type Embedded Resources](#typeEmbeddedResources) + [Multimedia fallback](#multimediaFallback) * [Links](#links) [Back to top](#top) # HTML Guideline ## Formatting Rules ### Programming Programmez en **anglais**. ### Indentation Utilisez une indentation de 4 espaces. N'utilisez pas de tabulations. ```

text

``` ### Case Tout le code html doit être en miniscule **lowercase**. Cela s'applique aux balises HTML, attributs, valeurs d'attributs (excepté les text/CDATA). ```

``` ```

``` ### Quote Chaque valeur d'attribut doit être entouré d'une double quote. ```

``` ```

``` ### Scaffold Utilisez une nouvelle ligne pour chaque élément si celui-ci contient un élément enfant. ```

``` ### Tags Toutes les balises sont écrites en **lowercase**. ```

``` ```

``` Toutes les balises doivent être fermées proprement. ```

``` ```

``` Les balises auto fermantes (self-closing) doivent avoir un espace avant le slash fermant. ```
``` ```
``` ### Attributes Tous les attributs sont écrits en **lowercase**. Les valeurs d'attribut doivent être entourées par une double quote. ```

``` ```

``` Si la valeur d'attribut doit être interprété par la machine, la valeur doit être en **lowercase**. ``` Example.com ``` #### Id and name attribute Les valeur de id et de name doivent être en **lower camelCase**. ```

``` ```

``` #### Class attribute Les noms des classes doivent être en **lower spinal-case** c'est-à-dire en minuscule séparée par des traits d'union. ```

``` ```

``` ### Tags Valid Les éléments suivant sont valides en HTML4 et en HTML5 : ``` , , , ,

, , , , ,
, ,
,