1.1 Mise en forme HTML vs CSS

Dans certains cas, il est possible d'effectuer une partie de la mise en forme du site soit dans le code HTML, soit dans le CSS. Quelle technique doit-on privilégier et pourquoi ?

La règle de base est la suivante : la mise en forme, c'est l'affaire du CSS. C'est donc dans le CSS qu'on s'occupera de changer la couleur du texte, de préciser la largeur d'une division, d'augmenter la taille du texte, de centrer des éléments, etc.

Balises HTML à éviter

Voici une liste non exhaustive des balises HTML qui ne doivent plus être utilisées. Elles sont en effet considérées obsolètes et pourraient ne plus être supportées dans un proche avenir.

• <basefont>
• <big>
• <center>
• <font>
• <strike>
• <frame>
• etc.

Attributs à éviter

À l'intérieur des balises HTML, certains attributs sont également devenus obsolètes :

• accesskey (dans une balise <a>)
• longdesc (dans une balise <img>)
• align et border (dans une balise <img> ou <table>)
• width (dans une balise <table>)
• etc.

Attribut style (inline style)

Vous avez pris l'habitude de définir la mise en forme de vos balises grâce à des règles CSS, Bravo ! Mais encore faut-il savoir où placer ces règles.

On retrouve parfois des balises HTML avec cette forme :

L'attribut style permet donc d'attribuer des règles CSS à un élément précis. Il est cependant plus intéressant d'utiliser des feuilles de styles externes. En effet, les développeurs auront plus de flexibilité pour manipuler les styles s'ils ne sont pas déclarés directement dans le code HTML. Et comme toujours, il est préférable de ne pas mélanger différents langages dans un même fichier (ici : HTML et CSS).

L'utilisation de l'attribut style est donc à éviter autant que possible.

Pour plus d'information

« HTML 5 met à jour ses balises de la version 4 ». Paper blog. http://www.paperblog.fr/3583216/html-5-met-a-jour-ses-balises-de-la-version-4/

« Obsolete and Deprecated HTML Tags and Attributes ». html-5.com. http://www.html-5.com/changes/deprecated/index.html