生成重复HTML源的最明智的方法.使用PHP吗?

Question

嗨，我想知道什么是一个明智的方法来生成重复的HTML源代码，如下所示。假设有30行，编号从1到30。我有很多这样的页面需要这种结构。我已经跳到使用PHP循环在页面本身生成这些代码，因为我在项目中使用PHP。

我的问题是，这是一个明智的方法吗?这种情况下的最佳实践是什么?我不确定每次在页面中使用PHP生成HTML是否明智。是吗?

谢谢你的指导和建议。

<a href="images/mypic (1).jpg">
<img src="images/mypic (1).jpg" alt="Picture 1">
</a>
<a href="images/mypic (2).jpg">
<img src="images/mypic (2).jpg" alt="Picture 2">
</a>
etc..

Answer 1

这正是PHP的目的:生成HTML代码。

你可以使用一个简单的for循环:

<?php for($i=1; $i<=30; $i++) : ?>
<a href="images/mypic (<?= $i ?>).jpg">
<img src="images/mypic (<?= $i ?>).jpg" alt="Picture <?= $i ?>">
</a>
<?php endif; ?>

Answer 2

为什么不使用JS?这将从服务器传输最少的代码

document.body.innerHTML = Array.from({length:30})
.map((_,i) => `<a href="images/mypic%20(${(i+1)}).jpg"><img src="images/mypic%20(${(i+1)}).jpg" alt="Picture ${(i+1)}"></a>`)
.join('<br/>')