How to show href's page number after link when print

Question

I want to make a book with a html page(http://www.akkit.org/info/gbatek.htm) and href makes it hard to find pages. I just added code to show href after link but links are too long to see.

@media print {
  a[href]:after {
    content: " (" attr(href) ")";
  }
}

and I want to add page number of href like

DS I/O Maps (34/300 pages) DS Memory Maps (42/300 pages)

Is there a way to show the page number of href's linked page?

Can you use `counter(page)` as mentioned on https://stackoverflow.com/questions/6109893/page-numbers-with-css-html? — Progman, Jan 06 '19 at 13:33

score 1 · Answer 1 · answered Jan 06 '19 at 10:09

1

href doesn't give any information about the page number ... What you can do instead is to add this information in a title attribute to the a tag or a custom data attribute and use it just like how you used the pseudo element with the href.

answered Jan 06 '19 at 10:09

Ahmad Alfy

13,107
6
65
99

Then I should seperate pages arbitrarily and give a custom attribute? – moominda Jan 06 '19 at 10:37
can you clarify what you mean? – Ahmad Alfy Jan 06 '19 at 18:19

How to show href's page number after link when print

1 Answers1