如何在HTML+；CSS，没有JavaScript？_Html

如何在HTML+；CSS，没有JavaScript？

html

如何在HTML+；CSS，没有JavaScript？,html,Html,在LaTeX中创建交叉引用的常用方法是将\label放在稍后要引用的内容中，然后使用\ref。因此，例如，在LaTeX源代码中编写~\ref{intro}部分中看到的，可能会在最终输出中产生“正如我们在第1部分中看到的那样”。仅仅使用HTML和CSS是否可以获得相同的效果？CSS较新的特性允许自动对节等进行编号，但我还没有发现任何东西可以让您从文档的其他地方引用这些计数器值以下是一个具体的例子： <!DOCTYPE html> <html> <head>

在LaTeX中创建交叉引用的常用方法是将

\label

放在稍后要引用的内容中，然后使用

\ref

。因此，例如，在LaTeX源代码中编写~\ref{intro}部分中看到的

，可能会在最终输出中产生“正如我们在第1部分中看到的那样”。仅仅使用HTML和CSS是否可以获得相同的效果？CSS较新的特性允许自动对节等进行编号，但我还没有发现任何东西可以让您从文档的其他地方引用这些计数器值
以下是一个具体的例子：
<!DOCTYPE html>
<html>
<head>
    <title>Cross references</title>
    <meta charset="utf-8">
    <style type="text/css">
        body {
            counter-reset: section;
        }
        section > h1::before {
            counter-increment: section;
            content: counter(section) ". ";
        }
    </style>
</head>
<body>
<section>
    <h1 id="intro">Introduction</h1>
    <p>Pineapples contain essential vitamins.</p>
</section>

<section>
    <h1>Further discourse on pineapples</h1>
    <p>As we saw in Section ??, pineapples contain essential vitamins.</p>
</section>
</body>
</html>


交叉引用
身体{
计数器复位：部分；
}
节>h1:：之前{
反增量：节；
内容：柜台（部分）”；
}
介绍
菠萝含有必需的维生素
再论菠萝
正如我们在第节看到的，菠萝含有必需的维生素

在本例中，所有章节标题前面都有一个自动生成的编号。我想知道是否有任何HTML标记或CSS样式可以用来代替？
，插入与#intro
对应的数字
我意识到我可以使用
创建一个指向简介的交叉超链接，但我也希望在链接文本中包含章节号
如果仅使用HTML和CSS不可能做到这一点，那么是否存在用于在文档中添加交叉引用的JavaScript库？
对于我来说，更好的表达这个问题的方式（事后来看）是“如何在不使用JavaScript的情况下访问CSS自动生成的内容？”，这些问题是相关的：




看起来，即使使用JavaScript，访问自动生成的计数器值也不容易，没有它也不可能，所以这回答了我的问题
W3C有许多文档讨论计数器和生成的内容，但据我所知，没有一个文档讨论引用文档其他部分生成的内容：





有一个例子正好提到了交叉引用的问题——它来自1998年写的一封电子邮件，我还没有找到任何后续工作，所以我想这不是一个优先考虑的问题
更新
和描述了用CSS实现的目标计数器
和目标文本
函数。然而，这是2011年11月29日的工作草案；这些功能似乎没有在任何主流浏览器中实现。关于使用这些CSS功能，使用一些随机适当的工具从HTML生成PDF电子书。
那么，现在在HTML中创建编号交叉引用的最佳方法是什么？还是不可能？（除了作弊和创建几个链接）特别是参考数字，这似乎是一项非常基本的工作。有没有办法做到这一点？我什么也找不到。你找到解决办法了吗？