HTML 分页器中的 'active' 类：代码解析

这段代码是在生成一个分页器的 HTML 代码。如果当前页码是 1，则生成一个带有 'active' 类的 li 标签，表示当前页码是活动状态。如果不是 1，则生成一个普通的 li 标签。

简单来说，这段代码的目的是在 HTML 分页器中使用 CSS 类 'active' 来突出显示当前页面。当用户浏览到不同的页面时，'active' 类会动态地应用到相应的页码标签上。

例如，如果当前页码是 3，则代码会生成类似以下的 HTML 代码：

<ul class='pagination'>
  <li><span>1</span></li>
  <li><span>2</span></li>
  <li class='active'><span>3</span></li>
  <li><span>4</span></li>
  <li><span>5</span></li>
</ul>

通过 CSS 样式定义 'active' 类，我们可以使当前页面标签在视觉上与其他标签区分开来，例如使用不同的颜色或背景颜色。这有助于用户清晰地了解他们当前所处的页面位置。