Séparation des préoccupations

Il existe en informatique un principe de conception (design principle) (parmi d’autres) appelé separation of concerns ou séparation des préoccupations.

Il s’agit de diviser un programme, système, dispositif… en différentes parties s’occupant chacune de quelque chose de précis.

Dans le cas du web côté client (celui qui consulte les documents, à opposer au côté serveur, qui va fournir lesdits documents), une expression de ce principe est le suivant :

• le langage de balisage (HTML) s’occupe de fournir la structure sémantique du document
• les feuilles de styles (CSS) s’occupent de déterminer la présentation (la mise en page) du document
• le langage de programmation (JavaScript) s’occupe de gérer l’interactivité du document

illustration du principe de séparation des préoccupations pour le web

Ce qu’il faut en retenir, c’est que le HTML ne s’occupe ni de l’aspect visuel du document, ni de son interactivité. Et qu’il est préférable d’éviter, autant que faire se peut, de mélanger HTML, CSS et JavaScript.