Leilukin/leilukin-site
1
0
Fork 0
mirror of https://github.com/helenclx/leilukin-site.git synced 2025-04-09 05:22:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add footnotes sample screenshot

Browse Source
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.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB