是否可以将脚注标记链接回分页媒体的脚注调用？

Question

我想将脚注标记与页面底部的脚注链接起来，反之亦然。

我正在使用 CSS 分页媒体模块和 vivliostyle-cli 创建基于 HTML + CSS 的 PDF。我正在创建这样的脚注：

        page {
            counter-reset: footnote 0;
        }
         
        @page {
            @footnote {
                float: bottom;
            }
        }
         
        span.footnote { 
            float: footnote; 
        }
         
        .footnote::footnote-call {
            content: counter(footnote, decimal) " ";
            vertical-align: super;
            font-size: 0.8em;
        }
         
        .footnote::footnote-marker {
            content: counter(footnote, decimal);
            font-size: 14pt;
            display: inline-block;
            width: 2em;
            text-align: right;
        }

<html>
    <head>
      <link rel="stylesheet" type="text/css" href="styles.css" />
    </head>
    
    <body>
         <p>Example Text.<a href="#test"><span class="footnote"><span id="test">Footnote Text.</span></span></p>
    </body>
</html>

结果：

w3 草案似乎还不支持链接脚注，但通过这种方式，我设法从文本中的脚注调用链接到脚注标记。但我怎样才能链接回来呢？

Answer 1

您应该能够通过将链接插入脚注 HTML 并将其链接回该部分来进行链接。

向包含链接的段落添加 ID
并添加指向使用相同 ID 的脚注文本的链接。

类似这样的：

<p id="123">Example Text.<a href="#test"><span class="footnote"><span id="test">Footnote Text.<a href="#123">linkback</a></span></span></p>

是否可以将脚注标记链接回分页媒体的脚注调用？

问题描述投票：0回答：1

1个回答

最新问题

是否可以将脚注标记链接回分页媒体的脚注调用？

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1