Menu
For example:
This is main body of my content. I have a footnote link for this line [1]. Then, I have some more content. Some of it is interesting and it has some footnotes as well [2].
[1] Here is my first footnote.
[2] Another footnote.
So, if I click on the "[1]" link it directs the web page to the first footnote reference and so on. How exactly do I accomplish this in HTML?
657
Use hyperlinks to define or explain terms, for cross references in a document, and for links to external documents. Use them in preference to footnotes, including for references and citations.
Adding the references What we are going to do is increment a counter for every link in the document that has an aria-describedby attribute set to footnote-label . Then we'll display the counter using the ::after pseudo-element. From there, it's all about applying CSS styles.
A footnote is a note that provides additional information or references for the reader. A footnote is indicated with a superscript numeral (like this1) within the text that corresponds to the same numeral at the bottom of the page, which is followed by the reference or additional information.
Give a container an id, then use # to refer to that Id.
e.g.
<p>This is main body of my content. I have a footnote link for this line <a href="#footnote-1">[1]</a>. Then, I have some more content. Some of it is interesting and it has some footnotes as well <a href="#footnote-2">[2]</a>.</p> <p id="footnote-1">[1] Here is my first footnote.</p> <p id="footnote-2">[2] Another footnote.</p>If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
