如何將頁碼添加到錨鏈接？

我在我的網頁上有幾個錨點（即<a name="my-magical-anchor"></a>）沿着頁面散佈。我在我的頁面上還有幾個指向這些錨的鏈接（即<a href="#my-magical-anchor">Go to the Magical Anchor</a>）。對於打印頁面時，我想知道是否可以使用CSS或JavaScript修改鏈接的文本，以讀取類似Go to the Magical Anchor (page 12)的內容，以指示閱讀器應在打印文檔中翻頁的頁碼。如何將頁碼添加到錨鏈接？

如果可能，我希望不必手動分配分頁符，而是讓我的內容在頁面上流動，然後在打印之前更新鏈接文本。

謝謝。

來源

2012-11-20 Maz

除非我誤解了這個問題，爲什麼沒有你想要的文字在屏幕上呢？或至少有文字，但使用CSS媒體查詢隱藏它。 – akonsu

問題是，我不知道錨點在哪個頁碼上，因爲我不想手動分頁。 – Maz

看看這篇文章，並深入到部分標題爲「交叉引用」：http://www.alistapart.com/articles/boom

的建議是使用target-counter，瞄準page櫃檯，使用href屬性作爲目標鏈接。

a.magical::after { 
    content: "(page" target-counter(attr(href), page) ")" 
}

整篇文章建議了。帽子提示與Nathan Kot相關聯。

來源

2012-11-20 02:52:56

OHHHH不錯，實際上並沒有閱讀那部分，但似乎比我的答案好很多 –

據我所見，文章中描述的技術尚未在瀏覽器中實現。然而，他們是在提到的王子軟件中實現的，它似乎在使用（擴展的）CSS將HTML轉換爲PDF方面做得很好。現在已經在工作草案中（有點模糊地）描述了這些技術*分頁媒體模塊的CSS生成內容* http://www.w3.org/TR/css3-gcpm/ –

如何將頁碼添加到錨鏈接？

回答

相關問題