html循环代码怎么写

<code class="html"><ul>
  <li>项目 1</li>
  <li>项目 2</li>
  <li>项目 3</li>
</ul></code>

<code class="html"><ol>
  <li>项目 1</li>
  <li>项目 2</li>
  <li>项目 3</li>
</ol></code>

<code class="html"><!-- 使用 for 循环 -->
<ul>
<?php
for ($i = 0; $i < 5; $i++) {
  echo "<li>项目 " . ($i + 1) . "</li>";
}
?>
</ul>

<!-- 使用 while 循环 -->
<ul>
<?php
$i = 0;
while ($i < 5) {
  echo "<li>项目 " . ($i + 1) . "</li>";
  $i++;
}
?>
</ul></code>

<code class="html"><!-- 使用 Handlebars 模板 -->
<script id="item-template" type="text/x-handlebars-template">
  <li>{{name}}</li>
</script>

<!-- 使用 Underscore.js 模板 -->
<script type="text/template" id="item-template">
  <li><%= name %></li>
</script>

<!-- 使用 JavaScript 渲染 -->
<ul id="item-list"></ul>

<script>
  const items = [
    { name: "项目 1" },
    { name: "项目 2" },
    { name: "项目 3" },
  ];

  // 使用 Handlebars 渲染
  const source = $("#item-template").html();
  const template = Handlebars.compile(source);
  const html = items.map(template).join("");
  $("#item-list").html(html);

  // 使用 Underscore.js 渲染
  const template = _.template($("#item-template").html());
  const html = items.map(template).join("");
  $("#item-list").html(html);
</script></code>