Preview:
脚注标记代码:

<sup class="ref"><a id="footnoteXback" href="footnoteX">X</a></sup>

 这里使用了上标文本标签 <sup> ... </sup> 以便于和正文文字区分。注意标签 <a> ... </a> 中有两个属性,id 是脚注标记的锚点,方便从脚注内容的位置跳转过来,href 的值表示的是从脚注标记转向脚注内容锚点所在的位置,注意路径、文件名以及脚注内容的 id 要和脚注内容相对应。

脚注内容代码:

<p><a id="footnoteX" href="footnoteXback">X</a></p>
 <p>这里是注释内容。</p>

<sup class="ref"><a id="footnoteXback" href="footnoteX">X</a></sup>
<p><a id="footnoteX" href="footnoteXback">X</a></p>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter