Syntaxe minimale HTML pour SPIP

Une page Web reçue du serveur n’est qu’un simple fichier texte lisible [1], qui correspond au textes affichés à l’écran.
Les instructions de style(au sens de la feuille de style d’un traitement de texte) sont encadrées dans une zone de <style>...</style>, ou plus souvent reportées dans des fichiers CSS également transmis par le serveur.

 Forme générale des instructions HTML

En-dehors du texte à afficher à l’écran, le fichier contient des instructions HTML à interpréter, toutes caractérisées par une mise entre "chevrons", les deux signes < "inférieur" et "supérieur" > qui indiquent au navigateur Web d’interpréter les instructions contenues en fonction du glossaire HTML.

Ces instructions commencent par un "tag" mot-clé identifiant en principe toujours en minuscules [2] et éventuellement des paramètres souvent sous la forme mot-clé="valeur".

Nota Bene : les commentaires en HTML s’écrivent à l’interieur d’un symbole HTML plus complet, comme ceci :<!--     commentaire -->
Nous verrons que SPIP tolère aussi des remarques dans les squelettes, comme ceci :[ (#REM)   texte en remarque dans un squelette ].

Les spécificités de SPIP s’intègrent dans l’écriture HTML, avec d’une part les balises (débutent par le signe dièse suivi d’un mot-code en #MAJUSCULES) et d’autre part la structure plus complexe des BOUCLES.

 Les Boucles SPIP se fondent dans la syntaxe HTML

Il convient de noter tout de suite que, comme LES BOUCLES de SPIP, de nombreuses balises HTML encadrent l’énoncé auquel elles s’appliquent ; on parle de balises ouvrante et fermante, la seconde -préfixé d’un slash- étant appairée à la première, exemple ... <span class="class_id"> texte du Span </span> ...
(span sert à appliquer un enrichissement de style, souvent repéré dans la feuille CSS grâce au mot-identifieur .class_id associé. associé au mot-clé class=).

De même, le mot-clé <div id="bloc_id"> permet d’encadrer un bloc (jusqu’à la fin appairée, notée par </div>).
Ce bloc marque généralement un panneau du découpage de la page en éléments logiques, et le #bloc_id permet de caractériser les définitions de style a reprendre des feuilles CSS.

La coloration syntaxique est utilisée par le plugin SkelEditorqui affiche les squelettes au webmestre, pour montrer des balises ouvrante (en vert) et fermante (en rouge) :

 Le corps affiché, et les instructions dans la tête

Dernier principe à retenir, la première partie de la page (la section HEAD ne sert qu’a préparer des instructions complémentaire, en particulier les feuilles de styles CSS à utiliser et le <title>TiTre de la Page</title> que le navigateur montre souvent dans le bandeau de fenetre ; la partie affichable de la page est comprise dans la section BODY entre les tags et , à l’exclusion des commentaires HTML (au sein d’instructions <!--   commentaire HTML --> !