Suggestions de correction modèle iTheme
0)
[Edit 25/03/2008] Modèle iTheme corrigé[/Edit]
Fix : fichier Public iTheme CORRIGE.html :
• Enlevé la déclaration <html> de trop
• Mis en "auto-fermant" les balises <link>
• Remplacé main-col par main_col
• Corrections orthographiques dans les commentaires
Nota : en repassant http://coucou.viabloga.com on voit qu'il faut faire attention à l'auto-fermeture de <link> et <meta> dans le <body> ... pas évident ... ce sont des questions de validation selon DTD "strict" ou "transitional", qui pourraient créer des problèmes dans certains navigateurs. Voir http://www.cs.tut.fi/~jkorpela/html/empty.html
Nota : iTheme est un "gros" modèle. Pour la lisibilité, quelques idées pour le futur ?
• Mettre des "parties" pour "naviguer" dans le modèle. Par ex. des commentaires comme :
<!-- Section 1 -->
<!-- Section 1.1 -->
<!-- Section 1.2 -->
<!-- Section 2 -->
etc.
• Utiliser un "générateur de générateur". Pour insérer des parties qui se retrouvent à plusieurs exemplaires dans le code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
est ce qu'on ne pourrait pas utiliser transitional plutôt que strict ? Cela augmenterait la "validité" dans les tests faits avec le validateur du W3C http://validator.w3.org/ (et ne pas oublier de lire http://validator.w3.org/docs/help.html#validation_basics ... : que veut dire "validation"). En effet, dans le modèle, plusieurs attributs (ex. : target pour un lien, border ou align pour une image), ne sont pas strict. Sans parler des documents créés par l'utilisateur avec l'éditeur de texte utilisé par Viabloga ... qui comprennent par ex. des balises <u> (non strict).
Voir : http://www.w3.org/TR/xhtml1/#a_dtd_XHTML-1.0-Strict et la suite ...
La déclaration transitional serait :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2)
Hem hem ... un <html> après un <head> .... risque de perturbations !
Ne faudrait-il pas écrire tout simplement :
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
3)
"Auto-fermer" les balises qui doivent l'être. Par ex. : <link ...> doit être écrit
<link ... />
4)
Ici ce n'est pas le modèle qui est en cause, mais l'éditeur de texte et son paramétrage.
Le modèle encadre le contenu (d'un article, par ex.) avec les balises <p> </p>.
En "bon HTML", il ne peut pas y avoir d'éléments du genre <h3> ou <div> à l'intérieur de <p> ... </p>. Or, c'est ce que permet l'éditeur de texte à l'utilisateur ...
5)
De plus, les balises hiérarchiques (ex. <h3>) créées par l'utilisateur peuvent entrer en "conflit hiérarchique" avec les balises <h> du modèle. Peut-être faudrait-il, dans le modèle, supprimer les balises "hiérarchiques" et les remplacer par des indications de style ?
6)
Nommage des parties du modèle. N'utiliser que des noms facilement manipulables par un langage (javascript, par ex.).
main-col est un "mauvais" nom (tiret ... signe moins ...). Remplacer par main_col.
Derniers commentaires
→ plus de commentaires