Question

我目前正在手工编写html / xhtml，这对我来说很好，但我想稍微放松一下，尤其是写脚注。

今天，我在这里写脚注：

<p>Here is a footnote<a id="ref1b" href="#ref1">[1]</a>.</p>
<!-- And at the end of the document -->
<div class="footnotes">
  <h2>Notes</h2>
  <p id="ref1">[1] But this one isn't very helpful.
    <!-- Let's add a go-back-to-the-text arrow -->
    <a href="#ref1b">↩</a>
  </p>
</div>

这个想法是让事情自动化，并且可能在客户端（通过浏览器）完成，这样我就可以写出类似的东西：

<p>Here is a footnote<ref id="1"/>.</p>
<!-- And at the end of the document -->
<div class="footnotes">
  <h2>Notes</h2>
  <ref-def id="1">But this one isn't very helpful.</ref-def>
</div>

因此浏览器会动态评估ref和ref-def。

这是否只能使用html / xhtml和css？

Answer 1

您现在这样做的方式具有易于访问和符合标准的优势 - 它可以与任何浏览器一起使用 - 即使禁用了javascript也是如此。此外，搜索引擎也能够理解。这样做有一些好处。

如果您决定选择更短的替代方案，那么有大量的jQuery插件可以让您的任务更加舒适。例如看看https://github.com/nicholascloud/footnote.js

如果您采用这种方法，请注意，您的网站速度将受到影响，因为用户必须下载大量的JavaScript以使您的脚注正常工作。

Answer 2

出于完整性目的。截至今天，HTML 中有一个 array([1167.28664878, 1167.28664878, 1102.28664878, 1102.28664878, 1102.28664878, 1102.28664878, 1012.78626406, 922.28669704, 727.9906542 ]) 标记。

https://www.w3.org/MarkUp/html3/footnotes.html

它如何呈现给客户由实现者决定。你可以使用更多的 html 或 css 以获得更好的格式。

footnote

html / xhtml中的句法糖

2 个答案: