如何锚定<li>号码?

时间:2017-09-20 19:04:20

标签: css html5

概述

我正在尝试将脚注添加到HTML页面。根据W3C对Common idioms without dedicated elements §4.12 Footnotes的建议,脚注的外观与脚注部分相关,反之亦然。它们提供了一个链接到段落<p>元素的部分的示例,其中包含值。

我使用该部分中的<footer>元素来包含有序列表<ol>元素,而不是段落。例如:

<section id="section-2">
  <h2>Section 2 Title</h2>
  <p>Many paragraphs of information. But at least one sentence has a footnote reference, like this one.<sup><a id="r1" href="#fn1">1</a></sup>
  <footer id="section-2-footnote">
    <ol>
      <a id="fn1" href="#r1"><li>Although it's not a very informative footnote. But more information can be seen in the <a href="#appendix">appendix</a>.</li></a>
    <ol>
  </footer>
</section>

问题

在示例中,整个 <li>元素(除了数字本身)是锚点的一部分。如果脚注本身链接到文档的其他部分(例如附录,标题,表格等),则会变得混乱,因为它与锚的其余部分无法区分。

期望的结果

我想要做的是获取<li>元素呈现的编号值作为返回引用的链接。现在,我只想处理单个实例引用。类似于:

1.首先

2.第二次

3.等等..

  

有没有办法锚定<li>元素的数字值?

0 个答案:

没有答案