Comment produisez-vous votre HTML ?

**Benjamin Delespierre** · 25/10/2012, 15h48

Bonjour à tous,

Il est de notoriété publique que le principal usage de PHP soit la création dynamique de flux HTML. Mais bien qu'il existe diverses façons de produire et d'afficher ce flux de données, il n'y a pas vraiment de recommandations en la matière, chacun est libre de faire à sa convenance.

Je vous propose donc un petit sondage: quelle méthode employez-vous pour produire votre HTML ?

Traditionnellement, on peut tout simplement décrire son HTML et y insérer des balises spéciales là où on veut du dynamisme. Cette méthode était connue sous le nom de phtml et est d'ailleurs supportée nativement par Apache au même tittre qu'un script PHP classique:

En Mélangeant le PHP et le HTML

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<?php
$user = "Jean";
$messages = array(
    'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
    'Cras sit amet mi quis mauris varius dignissim id et ipsum.',
    'Quisque id lacus lorem.'
);
?>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Mes messages</title>
</head>
<body>
    <? if (!isset($user)): ?>
    <p class="error">Veuillez vous connecter</p>
    <? else: ?>
    <h2>Bienvenue <?=$user?></h2>
    <span>Vous avez <?=count($messages)?> messages en attente</span>
    <? foreach ($messages as $message): ?>
    <p class="message"><?=$message?></p>
    <? endforeach ?>
    <? endif ?>
</body>
</html>

Dans cet exemple, nous nous sommes servi de la syntaxe alternative ainsi que la directive short_open_tag que je trouve beaucoup plus claire et naturelle que l'imbrication d'accolades ouvrantes/fermantes.

On peut également recourir à la structure echo:

Avec echo

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?php
$user = "Jean";
$messages = array(
    'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
    'Cras sit amet mi quis mauris varius dignissim id et ipsum.',
    'Quisque id lacus lorem.'
);
 
echo '<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Mes messages</title>
</head>
<body>';
 
if (!isset($user)) {
    echo '<p class="error">Veuillez vous connecter</p>';
}
else {
    echo '<h2>Bienvenue ' . $user . '</h2>',
         '<span>Vous avez ' . count($messages) . ' messages en attente</span>';
 
    foreach ($messages as $message) {
        echo '<p class="message">' . $message . '</p>';
    }
}
 
echo '</body>
</html>';

Ou encore, on peut utiliser un moteur de template tel que Smarty ou phpBB pour ne citer que les plus connus:

Avec Smarty

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Mes messages</title>
</head>
<body>
    {if $user}
    <p class="error">Veuillez vous connecter</p>
    {else}
    <h2>Bienvenue {$user}</h2>
    <span>Vous avez {$messages|@count} messages en attente</span>
    {foreach ($messages as $message)}
    <p class="message">{$message}</p>
    {/foreach}
    {/if}
</body>
</html>

Et vous ?

Laquelle de ces techniques utilisez-vous et pourquoi ?

Utilisez-vous un moteur template et lequel ?

Avez-vous une tout autre technique pour produire votre flux ?

**grunk** · 25/10/2012, 16h10

Avec un moteur de template , en l'occurence Twig (sans symfony).

Ça le gros avantage d’empêcher les intégrateurs/graphiste de venir bidouiller du code qu'ils n'ont en principe pas à toucher (ils se retrouvent avec un "langage" inconnue et du coup ne tente pas de modifier).

J'avais fait un passage sur smarty2 mais twig m'a ensuite très vite conquis par sa synthaxe et son code source.

Après quand j'ai le choix j'essai de plutôt utiliser des fichiers html avec quelques <?php echo $mavar ?> pour le gain de performance comparé à tout un moteur de template.

**FirePrawn** · 25/10/2012, 16h32

J'utilise le PHP et le HTML mélangé personnellement.

Et j'exècre particulièrement la méthode echo que je trouve immonde

**rawsrc** · 25/10/2012, 16h36

PHP + HTML
Moteur de template (twig parfois) et un autre spécifique qui manipule les vues comme des classes.

**Bovino** · 25/10/2012, 16h41

J'apprécie aussi la syntaxe alternative pour les structures de contrôle que je trouve aussi plus claire.

Sinon, même si la production de HTML dépend des cas traités et des types de projets, j'essaye au maximum d'utiliser la Syntaxe Heredoc.

**ABCIWEB** · 25/10/2012, 19h25

Par défaut et de préférence, en mélangeant PHP+HTML.

Mais cela dépend du contexte, certaines fonctions ou classes peuvent renvoyer un bloc de code par un echo. Ce sont des critères comme la clarté du code, la facilité de mise en place, l'évolutivité et la maintenance qui impliquent le choix final.

Sinon, je me suis intéressé un peu à la syntaxe Heredoc, mais je trouve qu'il y a trop de contraintes et de restrictions pour généraliser facilement son usage. Je la garde donc plutôt en réserve pour les cas où son emploi est manifestement plus pratique que la syntaxe classique.

Les short open tags peuvent provoquer des confusions avec d'éventuelles balises xml et dépendent de la configuration du serveur donc j'évite de les utiliser. Avec php 5.4 "<?=" sera toujours disponible mais bon ce ne sera pas ma priorité.

Quant à la syntaxe alternative, je comprend pas l'intérêt que certains y accordent. Certes on peut trouver cela plus clair (et encore ça se discute), mais pour moi ce qui ne se discute pas c'est que cela rend évidemment totalement inopérant l'équilibrage des accolades dans mon éditeur favori

Nan là pour moi c'est vraiment trop rédhibitoire

**OlivierW** · 26/10/2012, 01h20

Envoyé par FirePrawn

J'utilise le PHP et le HTML mélangé personnellement.

Et j'exècre particulièrement la méthode echo que je trouve immonde

Dans un sens ou dans l'autre, c'est immonde de mélanger le PHP et l'HTML

J'ai voté moteur de template : XML/XSLT.

Avantages :

Rapide
Peut être utilisé avec d'autres langages que PHP
En natif, compresse ou indente correctement le code généré
Le code généré est obligatoirement propre (du XML, donc au choix : XHTML ou XHTML5)

Inconvénients :

Pour ceux qui utilisent Dreamweaver, cet éditeur n'est pas foutu de gérer correctement les balises XSL (notamment les templates multiples, les includes,...)
Je ne vois pas d'autres inconvénients, j'utilise Eclipse, pas DW

**laffreuxthomas** · 02/11/2012, 13h20

Envoyé par FirePrawn

Et j'exècre particulièrement la méthode echo que je trouve immonde

À mon avis, la méthode des "echo" se justifie lorsqu'on génère le code HTML depuis des objets PHP. Tant qu'on reste dans le code d'un template, le code PHP devrait être inclus dans le HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<article class="<?php echo $cssClasses; ?>"></article>

Mais si on génère en POO par exemple un calendrier : un objet "HtmlCalendar" contenant des objets "HtmlDay" et d'autres objets "HtmlEvent" par exemple, chacun produisant des portions d'éléments et aucun n'ayant l'ensemble de la structure, alors un code à base de "echo" est plus lisible.

Je précise qu'en parlant de template, je parle de la manière WordPress par exemple : de la syntaxe PHP appelant des API PHP. Concernant les "moteurs de templates" en surcouche de PHP mon avis rejoint celui de CyberDenix moins les insultes.

**Djakisback** · 02/11/2012, 13h38

Personnellement, j'ai rencontré et rencontre 2 problèmes avec l'utilisation d'echo. Pas de complétion, validation, coloration etc. du html/js dans les IDE, générant une perte de temps.
D'autre part, tu te tapes forcément l'intégration si tu tombes sur des graphistes ne connaissant rien au PHP, HTML ou autre. Ne pas oublier aussi que certains graphistes ne s'occupent même pas de la source générée par leur Dreamweaver out autre et malheureusement on ne choisit pas toujours ses partenaires.

J'ai toujours très peu utilisé de moteur de templates pour les raisons citées : surcouche, syntaxe, etc. et ai toujours trouvé cela inutilement lourd mais l'argument de grunk au sujet de la répartition des accès me semble intéressant même si finalement ça n'a rien à voir avec la définition d'un système de templates de manière générale, non ? (idem pour le cache ?)

Ce qui me dérange aussi dans ce type d'outils (mais surtout au niveau des CMS en fait) et que quand une faille est trouvée, une "campagne de hack" est lancée. Tu dois donc toujours absolument être au fait des MAJ, etc. Le côté open source n'arrangeant évidemment rien.

**Matthieu Vergne** · 02/11/2012, 13h52

Envoyé par Djakisback

Ce qui me dérange aussi dans ce type d'outils (mais surtout au niveau des CMS en fait) et que quand une faille est trouvée, une "campagne de hack" est lancée. Tu dois donc toujours absolument être au fait des MAJ, etc. Le côté open source n'arrangeant évidemment rien.

Ça c'est valable partout, c'est pas spécialement un argument contre ce genre d'outil, mais contre les outils utilisés de manière généralisée : quand un défaut est trouvé, si la nouvelle se répand c'est tous les utilisateurs qui sont impactés. Ça vaut aussi pour le moteur PHP que tu utilises (à moins que tu l'ai fais toi-même {^_^}).

Utiliser un programme perso, c'est profiter du côté secret mais au dépend de la robustesse (tout seul on pense à moins de choses, et on a moins le temps). Utiliser des programmes génériques c'est l'inverse, profiter de la robustesse au détriment de l'intérêt que les crackers peuvent lui porter. Le tout est de savoir ce qu'on veut.

**Onixio** · 26/10/2012, 13h02

Ben moi je le produit avec des vues partielles et le moteur de template RAZOR pour C#

**spoutbe** · 26/10/2012, 13h12

Avec un moteur de templates en PHP pur:
http://www.massassi.com/php/articles/template_engines/

In short, the point of template engines should be to separate your business logic from your presentation logic, not separate your PHP code from your HTML code.

J'utilise aussi CakePHP, donc templates en PHP.

**transgohan** · 26/10/2012, 13h27

J'ai jamais passé la marche vers les templates. Enfin si une fois vers Smarty mais j'ai eu plein de soucis de choses que j'arrivais pas à faire et j'ai pas eu le courage d'aller au delà de la documentation...
Donc du coup je code en MVC avec une vue mélangeant HTML et PHP.

**BlueScreenJunky** · 26/10/2012, 13h39

Pour ma part j'évite absolument le echo (je le faisais à une époque, mais c'est trop peu lisible à mon goût, surtout qu'on perd la coloration syntaxique et la validation html de l'IDE).

Donc mélange de php ou HTML pour les pages web assez simple, ou moteur de template (Twig dans mon cas, mais smarty a l'air très bien aussi) pour les projets plus consistants.

**moriarti13** · 26/10/2012, 13h51

Curieux d'avoir pris une techno morte et dépassée pour exemple de moteur de template

**feuxxx** · 26/10/2012, 13h51

Pour ma part j'utilise des templates + moteur maison sous forme de class.

Le melange de PHP & HTML est une chose que tu fais quand tu es newbie dans le dev et de plus cela est imbuvable le melange et pour retrouver ces petits c'est pas facile.

**LooserBoy** · 26/10/2012, 13h57

Si je suis ou serais seul sur le projet (cas d'un dev perso par ex.), j'utilise PHP+HTML en majorité même si j'ai déjà fait un ou deux trucs avec smarty car j'avais fait faire les graphismes et mise en page par quelqu'un d'autre.

Si je n'ai pas la garantie de maintenir moi-même ou qu'il s'agit d'un dev collaboratif, je préfère utiliser un moteur comme smarty.

**Squisqui** · 26/10/2012, 14h19

N'ayant fait que des petits projets (à titre personnel ou études) sur des plateformes très restreintes, le mélange PHP + HTML m'a paru le plus adapté à mes besoins.

Le code PHP et HTML restant tout de même le plus séparé possible pour garder des pages HTML le plus claires possible.