html中带有页码的目录答案

【问题标题】：Table of contents with page numbers in htmlhtml中带有页码的目录
【发布时间】：2013-12-18 01:18:42
【问题描述】：

我需要为一个大的 html 页面创建目录，它将被打印出来。
我发现的唯一选择是 CSS3，它目前在浏览器中不起作用（我在 FireFox 中尝试过，并且知道 Web Kit 也不支持它）。这是link。 html代码：

<a class="pageref" href="#figure">see the figure</a>

CSS3 代码：

a.pageref::after { 
  content: " on page " target-counter(attr(href), page) 
}

还有其他方法可以做到这一点吗？我可以在 FireFox 中使用它的方式吗？因为我找到的解决方案是 css3 的 w3 草稿，据我了解，浏览器还不支持它。

【问题讨论】：

【解决方案1】：

我想就这么简单：

a.pageref{
    counter-reset: pagecounter;
}

a.pageref:before {
    content: " on page " counter(pagecounter);
    counter-increment: pagecounter;
}

【讨论】：

如果我的每个元素都在从 1 开始的确切页面上，那么您的答案有效，但是我有标题页，并且有关元素的信息可以是 1 页或 3 页长或其他值，所以我认为我需要动态制作@BeatAlex