Exemple avec un paragraphe avec fond (“background”) vert et une couleur de texte (“color”) blanche.
Le bloc (HTML uniquement) :
<p style="background:green;color:white;">Bonjour tout le monde</p>
Résultat :
Bonjour tout le monde
…est équivalent à (HTML et PHP) :
<?php $macouleur = 'green'; ?> <p style="background:<?php echo $macouleur; ?>;color:white;">Bonjour tout le monde</p>
Résultat :
Bonjour tout le monde
Cela permet de comprendre l’équivalence de résultat d’affichage à l’écran, avec deux formes d’écriture différentes. Bien observer la syntaxe, l’ordre et la démarche (la fonction PHP echo signifie “inclure le contenu de…”). Cet exemple de base résume le mode d’interaction de PHP et HTML.
Autre exemple
On peut par exemple changer la couleur du texte en rouge en indiquant une nouvelle variable $macouleur2 :
<?php $macouleur1 = 'green';
$macouleur2 = 'red'; ?>
<p style="background:<?php echo $macouleur1; ?>;color:<?php echo $macouleur2; ?>;">Bonjour tout le monde</p>
Résultat :
Bonjour tout le monde
Différents types d’écriture, même résultat
On peut utiliser html et php sous différentes formes et le résultat affiché sera identique.
Notre bloc de départ
<p style="background:green;color:white;">Bonjour tout le monde</p>
peut aussi s’écrire
<?php echo '<p style="background:green;color:white;">Bonjour tout le monde</p>'; ?>
ou
<p style="background:<?php echo 'green'; ?>;color:white;">Bonjour tout le monde</p>
mais aussi
<?php $macouleur = 'green'; ?> <p style="background:<?php echo $macouleur; ?>;color:white;">Bonjour tout le monde</p>
ou encore
<?php $macouleur = 'green'; ?> <?php echo '<p style="background:' .$macouleur. ';color:white;">Bonjour tout le monde</p>'; ?>
Ces blocs rendront la même chose à l’affichage de la page :
Bonjour tout le monde
Tout dépend des besoins et des possibilités !
Ça sert à quoi ?
L’intérêt ici de php est de pouvoir récupérer les données dynamiques qui sont automatiquement générées lorsqu’une page s’affiche, pour les attribuer à des variables et définir de nouvelles règles en fonction de l’environnement immédiat. Il est possible d’assigner à une variable la donnée de votre choix, selon les fonctions que vous configurez.
<?php $macouleur = X ; ?>
Les variables peuvent ainsi contenir n’importe quelle information selon leurs fonctionnalités et leur situation (comme dans une sorte de mini espace virtuel de mémoire vive “en temps réel” lors de chaque chargement de page) tandis que les lignes de code (la structure de la page) sont fixes et immuables.
Par exemple, si on a paramétré la couleur verte pour les articles nature et bleu pour les articles sur la mer, et qu’on récupère ce paramètre dans une variable $couleur_de_categorie, on pourra utiliser cette variable dans un bloc :
<?php $couleur_de_categorie = * ; ?>
<p style="color:<?php echo $couleur_de_categorie; ?>;">Hello</p>
* contient la fonctionnalité permettant de déterminer la couleur de la catégorie
La variable sera incluse, selon la catégorie consultée, instantanément au chargement de la page : couleur verte sur la page nature et bleue sur la page mer. C’est ainsi que l’on peut ne créer qu’un seul fichier pour toutes les pages de catégories (ex : categories.html) et y intégrer dynamiquement une variable vert/nature ou bleu/mer, au lieu d’avoir à créer un fichier categorie-mer.html, un autre categorie-nature.html, etc.