[(#REM)
Ce fichier décrit la structure de la page HTML
Il commence donc par indiquer le "doctype" qui sert à
préciser au navigateur quel langage est utilisé ici.
L'exemple est un XHTML Transitional, mais le code du squelette Zesty
est écrit en XHTML Strict. Si vos rédacteurs écrivent des articles
en utilisant les raccourcis SPIP, sans écrire directement de code HTML
dans les textes, vous pouvez passer sans crainte en XHTML Strict...
Vous pourrez ainsi épater vos amis si vous trouvez cela si important !
La seconde ligne est le début du code XHTML de la page.
On indique ici la langue principale et le sens d'écriture de cette langue
par les balises #LANG et #LANG_DIR.
]
[(#REM)
Dans le nous écrivons toutes les informations
invisibles de la page. C'est ici que vont s'ajouter
le titre de la page et son descriptif pour les moteurs de recherche.
C'est ici aussi que l'on indique les liens vers les fichiers de mise
en page CSS.
Nous incluons ici 2 squelettes. Un spécifique au type de page en cours
que l'on avait passé avec {type=sommaire}, variable que l'on
récupère avec #ENV{type}.
Ainsi, pour la page sommaire, on inclue la page pages/inc-head.html
Puis le fichier pages/head/sommaire.html
Voir ces fichiers pour des précisions sur leur contenu.
]
[(#REM)
Le contient le contenu texte de la page,
tout ce qui est écrit dedans sera visible par l'internaute
(si le fichier CSS de présentation laisse les contenus visibles).
On ajoute sur la balise body une classe qui changera de nom
en fonction du type de page. "page_sommaire" ou "page_article" par exemple.
De cette manière, il sera aisé en CSS de réaliser différents habillages
en fonction du type de page, en utilisant ce sélecteur. Exemple :
.page_sommaire #navigation {background:blue;}
La suite ne sont que des inclusions dont on a déjà vu le principe.
Vous pouvez aller voir les pages en question pour des précisions.
Ce qui est utile à comprendre est le nommage des blocs,
ces fameux
code
.
Ils servent à identifier des parties de la page et permettront
ainsi d'appliquer des présentations particulières via CSS.
Pour sélectionner le bloc "entete", et lui affecter
une bordure, on peut écrire dans le fichier CSS :
#entete {border:1px solid yellow;}
]
[(#REM)
Cette balise permet de déporter les calculs lourds
et les taches périodiques dans une image cachee,
ce qui evite de ralentir l'affichage des pages.
]#SPIP_CRON