Comment bien tiret PHP/HTML code mixte?

Lors du mélange de PHP et de HTML, ce qui est le propre style d'indentation à utiliser? Dois-je tiret, de sorte que la sortie HTML a d'indentation, ou alors que le PHP/HTML mélange ressemble correctement formaté (et est donc plus facile à lire)?

Par exemple, dire que j'ai un foreach boucle en sortie de lignes de la table. Dont celui ci-dessous est correct?

PHP/HTML mélange semble correct:

<table>
  <?php foreach ($rows as $row): ?>
    <tr>
      <?php if ($row->foo()): ?>
        <?php echo $row ?>
      <?php else: ?>
        Something else
      <?php endif ?>
    </tr>
  <?php endforeach ?>
</table>

Sortie HTML semble correct:

<table>
  <?php foreach ($rows as $row): ?>
    <tr>
      <?php if ($row->foo()): ?>
        <?php echo $row ?>
      <?php else: ?>
        Something else
      <?php endif ?>
    </tr>
  <?php endforeach ?>
</table>

J'ai constaté que quand j'ai couru dans cette situation (assez souvent), je n'ai pas de style standard à utiliser. Je sais qu'il peut ne pas être une "bonne" réponse, mais j'aimerais entendre les pensées des autres développeurs.

InformationsquelleAutor James Skidmore | 2009-07-20

48

Le PHP et le HTML devrait être en retrait, de sorte qu'ils sont corrects à l'égard d'eux-mêmes sous forme de code source, indépendamment les uns des autres et de sortir de la forme:
```
<table>
  <?php foreach ($rows as $row): ?>
    <tr>
      <?php if ($row->foo()): ?>
        <?php echo $row ?>
      <?php else: ?>
        Something else
      <?php endif ?>
    </tr>
  <?php endforeach ?>
</table>
```
- Comment voulez-vous faire dans le cas où vous souhaitez obtenir une chaîne de caractères contenant la table, au lieu de il écho?
- Si vous êtes à la construction de la chaîne en utilisant la syntaxe heredoc, tiret comme du HTML. Si vous êtes le construire de petits inline chaînes, oubliez le code HTML de l'indentation, car visual intelligibilité du contenu HTML est déjà un lavage et belaboring la situation avec plus maladroit conventions ne va pas aider à quoi que ce soit.
- Est-il communément admis guide de style qui plaide en faveur de cette approche?
- lors du mélange de php avec html, vous pouvez vous référer à la variante de la structure de contrôle ici
InformationsquelleAutor chaos
12

J'ai souvent réfléchi à cette question, mais j'ai réalisé, qui se soucie de ce que la sortie HTML ressemble? Vos utilisateurs ne devraient pas être à la recherche à votre HTML, de toute façon. C'est pour VOUS à lire, et peut-être quelques autres développeurs. Garder le source code le plus propre possible et oublier à quoi ressemble la sortie.

Si vous avez besoin de déboguer la sortie, utilisez Chrome Developer Tools, Firebug, ou encore les Outils F12.

InformationsquelleAutor mpen
8

En général j'ai mis ouverture des balises php au début de la ligne, mais le tiret tout ce qui est à l'intérieur de balises pour correspondre à la mise en forme html. Je ne fais pas ceci, cependant, pour le simple écho de déclarations depuis que j'utilise court balises ouvertes. Je pense qu'il est plus simple lorsque la navigation à travers les fichiers pour trouver toutes les déclarations.
```
    <table>
<?  foreach ($foo as $bar): ?>
      <tr>
<?    foreach ($bar as $baz): ?>

         <td><?=$baz?></td>

<?    endforeach ?>
      </tr>
<?  endforeach ?>
    </table>
```
- +1: C'est la façon dont je l'ai fait écrire (bien, sauf que moi j'ai utiliser des accolades, pas côlon/fin de formulaire, et quatre espaces par niveau d'indentation); j'ai juste adapté OP conventions pour des raisons de commodité.
- Je suis sorti de cette habitude qu'elle rend beaucoup plus difficile à analyser rapidement par le biais de votre page.
- Vous ne devez pas utiliser le court balises d'ouverture. Vous pouvez exécuter dans divers problèmes avec votre code connecté à l'php réglage short_open_tag.
- Comme il est dit sur ma Wikipédia userpage, vous pouvez avoir mon court des balises lorsque vous sortez du froid, mort entre les mains. Et sérieusement, je pense que je suis en mesure de faire face avec la version de XML tag chose.
- Si vous souhaitez suivre le PSR-2, vous pouvez uniquement utiliser les balises courtes en collaboration avec l'echo d'abréviation syntaxique (les balises longues partout ailleurs).
- ce que j'aime à propos de cette convention, de mettre la "<?" au début de la ligne, c'est que le PHP est plus lisible (pas visuellement encombré par ailleurs, près de "<?" signe) et qu'il rend plus facile pour mon cerveau pour basculer entre la lecture de HTML et de PHP séparément, j'ai tout de suite savoir si la ligne je suis en train de lire appartient à l'un ou l'autre monde. Super!
InformationsquelleAutor tj111
4
1. Réponse directe à votre question: Si vous avez besoin de lire le code HTML de sortie souvent, il pourrait être une bonne chose pour la sortie de même en retrait HTML. Mais le cas le plus fréquent sera que vous avez besoin de lire votre code source en php, il est donc plus important que la source est facilement lisible.
2. Alternative à l'une des deux options que vous avez mentionné: Voir chaos ou tj111 de l' réponse.
3. Encore mieux à mon avis: Ne pas mélanger HTML et php, utiliser un moteur de template à la place.
- Merci pour les commentaires Treb. Même si j'ai utilisé un moteur de template, la question serait toujours en vigueur: comment bien tiret HTML/moteur de template tags.
- PHP est un moteur de template. 🙂
- Je savais que la réponse devrait venir... Peut-être que c'est, mais ce que je vois dans l'exemple des codes ici n'est pas une bonne utilisation d'un moteur de template, mais un mauvais mélange de code et de conception.
InformationsquelleAutor Treb
2

Vous pouvez toujours utiliser un peu d'espace trop pour aider à la lisibilité. Bâtiment sur le chaos' indentation:
```
<table>

<?php foreach ($rows as $row): ?>

    <tr>

    <?php if ($row->foo()): ?>
        <?php echo $row ?>
    <?php else: ?>

        Something else

    <?php endif ?>

    </tr>

    <?php endforeach ?>

</table
```
Le seul inconvénient de ceci est que si vous avez beaucoup de code mixte, il peut rendre votre document deux fois plus longtemps, ce qui rend pour plus de défilement. Bien que si vous avez cette quantité de code mixte, vous pourriez envisager d'utiliser un moteur de template.
- Vous venez d'ajouter quelques sauts de ligne....qui ne sont pas vraiment ajouter de la clarté à tous à mon humble avis. Obtenir une bonne IDE et il devrait de couleur bien pour vous.
- C'est vraiment une toute subjective, donc bien sûr, ce peut être une aide pour certains, l'habitude de faire une chose pour les autres. 🙂
InformationsquelleAutor Etzeitet

Vous ne devez pas être dérangé sur la majoration de l'indentation dans l'environnement de production. Ni devriez-vous utiliser à Ranger ou à d'autres HTML purificateurs. Valide les cas d'utilisation, par exemple lorsque vous vous permettez d'entrée HTML (mais pensez à utiliser Markdown au lieu de cela), même si elles sont rares.

Le plus souvent HTML beautifiers-les filtres sont utilisés pour cacher les problèmes sous-jacents avec le code. Ne le faites pas. Corriger votre balisage manuellement.

Si vous avez besoin d'indenter votre code uniquement dans l'environnement de développement, vous pouvez utiliser l'un des ci-dessus. Cependant, méfiez-vous que ces bibliothèques va tenter de résoudre votre balisage (c'est leur but principal; retrait est un sous-produit). J'ai écrit l'Expression Régulière en fonction de l'indentation outil Dindent.

Dindent permettra de convertir de balisage comme ceci:

<!DOCTYPE html>
<html>
<head></head>
<body>
    <script>
    console.log('te> <st');
    function () {
        test; <!-- <a> -->
    }
    </script>
    <div>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <div><table border="1" style="background-color: red;"><tr><td>A cell    test!</td>
<td colspan="2" rowspan="2"><table border="1" style="background-color: green;"><tr> <td>Cell</td><td colspan="2" rowspan="2"></td></tr><tr>
        <td><input><input><input></td></tr><tr><td>Cell</td><td>Cell</td><td>Ce
            ll</td></tr></table></td></tr><tr><td>Test <span>Ce       ll</span></td></tr><tr><td>Cell</td><td>Cell</td><td>Cell</td></tr></table></div></div>
</body>
</html>

À ceci:

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <script>
    console.log('te> <st');
    function () {
        test; <!-- <a> -->
    }
    </script>
        <div>
            <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
            <div>
                <table border="1" style="background-color: red;">
                    <tr>
                        <td>A cell test!</td>
                        <td colspan="2" rowspan="2">
                            <table border="1" style="background-color: green;">
                                <tr>
                                    <td>Cell</td>
                                    <td colspan="2" rowspan="2"></td>
                                </tr>
                                <tr>
                                    <td>
                                        <input>
                                        <input>
                                        <input>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Cell</td>
                                    <td>Cell</td>
                                    <td>Ce ll</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>Test <span>Ce ll</span></td>
                    </tr>
                    <tr>
                        <td>Cell</td>
                        <td>Cell</td>
                        <td>Cell</td>
                    </tr>
                </table>
            </div>
        </div>
    </body>
</html>

Dindent de ne pas tenter de nettoyer ou autrement interférer avec votre code au delà de l'ajout d'indentation. C'est pour faire de votre développement/débogage plus facile. Pas pour la production.

InformationsquelleAutor Gajus

Vous devez vous connecter pour publier un commentaire.