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

Invité · 26/10/2012, 09h17

Envoyé par ABCIWEB

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.

Si la clarté du code t'es importante, tu devrais privilégier une séparation stricte des couches.

La pire idée serait de mixer plusieurs des méthodes présentées par cet article...
Soit toutes les vues sont dans des templates (twig/smarty...), soit toutes les vues sont dans des fichiers HTML/PHP (dans lequel tu n'injecte que des données, jamais de HTML, à la SF1 par ex), ~~soit tu fais des echo à l'arrache~~.

**gene69** · 26/10/2012, 09h44

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

je fais des écho et ça marche.

Et ya qu'en php ou on se permet de faire des choses comme ça (a ma connaissance).

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
<?php // pour le colorateur
 
// 
function tell($toto){
print( $toto );
?> fait du php<?php
}
 
 
 
// méthode immonde ????
function tell($toto){
echo $toto, ' fait du php';
}

moi j'ai vite choisi.

**FirePrawn** · 26/10/2012, 09h47

Chacun son choix.

Comme je l'ai dit, c'est que je pense personnellement, j'ai pas dit que la méthode était immonde, mais que POUR MOI elle l'était

**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.

**xwz** · 26/10/2012, 13h58

Personnellement j'utilise un système proche du framework zend. A savoir un fichier .php pour chaque vues de mes modules que je récupère avec un include dans la méthode de génération du code html. Je récupére le tout avec des ob_start() et je n'affiche le code final qu'après la génération complète de ma page. Le principal avantage, c'est qu'à n'importe quel moment n'importe quel module peut balancer un header, référencer de nouveaux fichiers CSS et javascript. Ca ressemble donc plus à la méthode du echo mais avec l'affichage complètement séparé du traitement des données.

**SQUAL** · 26/10/2012, 14h17

Vu comme c'est présenté dans l'exemple c'est sûr que c'est pas joli, alors que comme ci-dessous je trouve ça correcte ca ne me gène pas :

Code :

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
 
<?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>
 <?php if (!isset($user)) : ?>
    <p class="error">Veuillez vous connecter</p>';
<?php else : ?>
    <h2>Bienvenue <?=$user ?></h2>
    <span>Vous avez <?= count($messages) ?> messages en attente</span>
 
   <?php foreach ($messages as $message) : ?>
        <p class="message"> <?= $message ?> </p>;
    <?php endforeach; ?>
<?php endif; ?>
 
</body>
</html>

Je trouve ça beaucoup plus lisible, pas vous ?

**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.

Affichage des résultats du sondage: Comment produisez-vous votre HTML ?

Comment produisez-vous votre HTML ?

Langage PHP

Discussions similaires

Partager

Partager