Cours de (X)HTML / CSS
Recommandations pour le projet (X)HTML / CSS
(X)HTML
- Pages conformes à une DTD (la même pour tout le site).
- Utilisation sémantique des balises en structurant au mieux le contenu. Exemples :
- p pour les paragraphes
- h1, h2, ... pour les titres
- ul, ol, ... pour les listes
- label pour les intitulés de formulaires
- abbr pour les abréviations
- cite pour les citations
- ...
- Code HTML indenté.
Styles CSS
- Tous les styles CSS doivent être dans un fichier commun et unique pour tout le site (possibilité d'en avoir un deuxième pour l'impression).
- Utilisation comme noms de classes et d'identifiants des noms sémantiques et non de description de rendu. Exemple :
Choisir .important{color:red} plutôt que .rouge{color:red}
- Utiliser de préférence des dimensions en unités relatives de type em plutôt qu'en pixels.
Mise en page
- L'utilisation d'une mise en page par CSS est souhaitée mais n'est pas exigée. A défaut une mise en page par tableaux sera acceptée mais il ne s'agit pas d'une bonne pratique et celle-ci devra être à terme abandonnée.
- Penser à ce que le texte puisse être grossi.
Général
- Séparation contenu / rendu graphique.
- Compatibilité satisfaisante Firefox, Konqueror, Internet Explorer 7.
- Pas de frame.