Un template ou modèle est un fichier ou une structure préconçue servant de base pour générer dynamiquement des pages web ou des contenus.
Il combine généralement :
- Une structure HTML pour définir la mise en page.
- Une mise en forme CSS pour styliser le contenu.
- Des placeholders ou des balises spéciales qui seront remplacées par des données réelles lors de l’exécution, souvent via un langage de programmation tel que PHP , JavaScript , Python , Ruby , etc.
Utilisation des templates
Les templates sont couramment utilisés dans les CMS (systèmes de gestion de contenu) ou les frameworks web pour séparer la logique métier (traitement des données) de la présentation (affichage).
Ils permettent ainsi de créer des pages web personnalisées en injectant dynamiquement des données provenant d’une base de données ou d’autres sources.
Fonctionnement des templates
Le fichier codé définit la structure générale de la page Web ou d’un ensemble de pages d’un site Web de façon cohérente.
Ce squelette de page contient des éléments statiques de mise en page déjà positionnés et mis en forme, ainsi que des variables ou résultats de fonctions, des éléments dynamiques interpolés sous forme de chaînes de caractères.
Les templates sont contenus dans un thème, l’ensemble des fichiers qui constituent la structure de présentation d’un site Web.
L’affichage de ces squelettes de page peut dépendre de la chaîne de requête qui décide du modèle ou de l’ensemble de modèles à utiliser pour afficher la page.
Un template peut être décliné en plusieurs sous-modèles, les layouts, modèles spécifiques qui définissent la disposition des éléments, des sections, blocs ou compositions.
Synonyme : gabarit, modèle de document, structure générale du document, squelette, page vierge
Exemples de moteurs de template basés sur la manipulation du DOM
- Blade (Laravel)
- EJS
- Liquid (Shopify)
- Jade
- Pixelarity
- Pug
- Smarty
- Twig (Symfony)
- Zero Theme