Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add footnotes sample screenshot

This commit is contained in:
Helen Chong 2024-08-06 17:33:13 +08:00
parent 21bb23b788
commit 9d713bfec9
2 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/articles/myarticles/accessible-footnotes.md
View File

@ -56,6 +56,10 @@ Here is a sample of what the HTML markup output of markdown-it-footnote looks li
</section> </section>
``` ```
This is what this HTML markup will look like on a live web page:
![Web page footnotes sample screenshot](/assets/images/articles/accessible-footnotes/footnote-sample.avif)
What this HTML markup does: What this HTML markup does:
- Adding a footnote reference as a superscript by using the [`<sup>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sup) tag with numbers as the content. - Adding a footnote reference as a superscript by using the [`<sup>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sup) tag with numbers as the content.
- Using a `<hr>` horizontal line element to separate the main body of the page and the footnote section; - Using a `<hr>` horizontal line element to separate the main body of the page and the footnote section;

BIN
src/assets/images/articles/accessible-footnotes/footnote-sample.avif Normal file
View File

Binary file not shown.