Answers.Body: <p>I don't think there is an official way to put footnotes, at least in EPUB2. What I do in the ebooks I prepare is to add an hyperlink to the note (placed in a chapter of its own at the end of the book, <strong>and</strong> to put at the end of the note another hyperlink which goes back to the original position. It's a bit ugly, but at least it helps readers (in the sense of people, not devices!)</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2018-01-10T09:48:12.740Z
Answers.Text: This is a good general solution. I find the easiest way to make an epub is via Sigil and this way I just write notes in a text editor as I read through the article in Sigil making all underlines and highlights I want, then at the end I will insert a notes chapter with links after I have read the material.
Answers.UserDisplayName: r0berts
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-04-28T11:31:03.140Z
Answers.Text: Could you paste the code please?
Answers.UserDisplayName: Quidam
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-04-29T12:57:46.387Z
Answers.Text: @Quidam : me or @r0berts? My code is as follows: in the main text, « lorem<a id="tx-tbc1" href="#fn-tbc1"><sup>[1]</sup></a> ipsum », and in the footnote « <div id="fn-tbc1" class="footnote"> <p><b>1.</b> lorem ipsum <a href="#tx-tbc1"> →</a></p>   </div>
Answers.UserDisplayName: mau
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2013-12-19T10:12:12.263Z
Answers.LastActivityDate: 2013-12-19T10:12:12.263Z
Answers.UserDisplayName: mau
Answers.Body: <p>There's no easy and global solution to it. I'd recommend using some kind of side-notes <a href="https://web.archive.org/web/20160308220055/https://www.digitalbookworld.com/2010/from-print-to-epub-exporting-sidebars" rel="nofollow noreferrer">as described here</a>.</p>
  <p>Note that if your target is mainly EPUB3, you can create popfootnotes <a href="https://web.archive.org/web/20180323012254/http://www.pigsgourdsandwikis.com/2012/05/creating-pop-up-footnotes-in-epub-3-and.html" rel="nofollow noreferrer">as described here</a>:</p>
  <ol>
  <li><p>Add the <code>http://www.idpf.org/2007/ops</code> namespace to your epub document:</p>
  <div class="s-table-container"><table class="s-table">
  <thead>
  <tr>
  <th>Before</th>
  <th>After</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td><code>&lt;html xmlns=&quot;<a href="http://www.w3.org/1999/xhtml" rel="nofollow noreferrer">http://www.w3.org/1999/xhtml</a>&quot;&gt;</code></td>
  <td><code>&lt;html xmlns=&quot;<a href="http://www.w3.org/1999/xhtml" rel="nofollow noreferrer">http://www.w3.org/1999/xhtml</a>&quot; xmlns:epub=&quot;<a href="http://www.idpf.org/2007/ops" rel="nofollow noreferrer">http://www.idpf.org/2007/ops</a>&quot;&gt;</code></td>
  </tr>
  </tbody>
  </table></div>
  </li>
  <li><p>Add the footnote using an anchor with <code>epub:type=&quot;noteref&quot;</code> attribute-value pair. Example:</p>
  <pre><code>&lt;p&gt;The symbol for the British pound is &amp;#163;.&lt;a epub:type=&quot;noteref&quot; href=&quot;#n1&quot;&gt;1&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  </li>
  <li><p>Provide the footnote content in an <code>aside</code> element with the <code>epub:type=&quot;footnote&quot;</code> attribute-value pair. Example:</p>
  <pre><code>&lt;aside epub:type=&quot;footnote&quot; id=&quot;n1&quot;&gt;
      &lt;p&gt;These have been corrected in this EPUB3 edition.&lt;/p&gt;
  &lt;/aside&gt;
  </code></pre>
  </li>
  </ol>
  <p>Notice that the <code>aside</code> element must have an <code>id</code> attribute that matches the value of the <code>href</code> attribute in your anchor link.</p>
  <p>Here is the result: <a href="https://i.sstatic.net/51eE1ZmH.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/51eE1ZmH.png" alt="pop-up footnote, horizontal" /></a></p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2013-12-19T09:19:00.057Z
Answers.Text: The article you link to is primarily about exporting existing designs smoothly; if I understand correctly, the direct solution you propose is simply to place the footnotes inline with the text, with a distinctive style to differentiate them from the primary text.
Answers.UserDisplayName: Standback
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2013-12-19T09:21:21.960Z
Answers.Text: @Standback you are right about including them inline, as I don't know other viable options regarding foot (and not end) notes for multiple platforms. Or see my updated answer.
Answers.UserDisplayName: Zsolt Botykai
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2013-12-19T09:11:36.987Z
Answers.LastActivityDate: 2024-08-07T07:44:31.513Z
Answers.LastEditDate: 2024-08-07T07:44:31.513Z
Answers.UserDisplayName: Zsolt Botykai
Answers.Body: <p>If you only are afraid of your users reading the other footnotes if they are displayed as endnoted, then it might suffice to put each of them on their own page. </p>
  
  <p>If you include an explicit back-link to the original location for the footnote at the end of the footnote ([continue reading ...]) as well, the reader is more likely to get back to the position they came from to read the foot-/end-note.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2013-12-19T13:06:58.433Z
Answers.LastActivityDate: 2013-12-19T13:06:58.433Z
Answers.UserDisplayName: Anthon
Answers.Body: <p>Here is <a href="https://kdp.amazon.com/en_US/help/topic/GH4DRT75GWWAGBTU#footnote_guideline" rel="nofollow noreferrer">Amazon documentation on footnotes editing</a></p>
  <p>Here is how to <em>create footnotes in HTML</em>:</p>
  <p>Amazon strongly recommends marking footnotes with the HTML5 aside element, together with the epub:type attribute. This allows accessible reading systems to ignore the footnotes except when followed by their referents and allows any reading system to handle them more intelligently (e.g., as popups). This usage ensures that even if the EPUB semantic is not recognized, the notes will still be treated as secondary content due the nature of the HTML5 aside element.</p>
  <p>Regardless of whether the aside element is used, Amazon requires formatting footnotes with bidirectional hyperlinks (the text is linked to the footnote and the footnote is linked back to the text). This makes it easier for customers to return to the text after viewing the footnote. On some Kindle devices, such as Kindle Paperwhite, footnotes with bi-directional hyperlinks are displayed in a pop-up.</p>
  <p>For a better reading experience, Amazon strongly recommends placing the footnote text at the end of the chapter or book</p>
  <p>This is one of the simplest ways to create linked footnotes using HTML, but there are many others. Please note that Amazon requires footnote links to be superscript.</p>
  <p>Place this HTML code in your main body content where you want the footnote link to appear:</p>
  <pre><code>&lt;p&gt;This footnote example uses the aside element with the epub:type attribute and bi-directional 
  hyperlinks.&lt;sup&gt;&lt;a id=&quot;source&quot; href=&quot;#ft-1-1&quot; epub:type=&quot;noteref&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
  
  ...
  
  &lt;aside id=&quot;ft-1-1&quot; epub:type=&quot;footnote&quot;&gt;
  
  &lt;p&gt;&lt;a epub:type=&quot;noteref&quot; href=&quot;#source&quot;&gt;1.&lt;/a&gt; This is the footnote text, 
  which should be placed at the end of the chapter or book.&lt;/p&gt;
  
  &lt;/aside&gt; 
  </code></pre>
  <p>Change the number value for each footnote that you include in your text. The first footnote in your book should use the number 1, the second footnote should use 2, the third should use 3, and so on:</p>
  <p>And describe your footnote:</p>
  <pre><code>&lt;p id=&quot;footnote-1&quot; epub:type=&quot;footnote&quot;&gt;Here is the footnote text&lt;/p&gt;
  </code></pre>
  <p>After you've set all your footnotes, they'll be converted to endnotes automatically when you upload your book</p>
  <p>Sometimes it will open as a popup, but sometimes the navigation will take you to the page. I don't know exactly why. It looks like there's some heuristics involved.</p>
  <p>Try always to:</p>
  <ol>
  <li>put your <a href="http://www.jutoh.com/kb/html/section-0142.html" rel="nofollow noreferrer">footnotes in another section</a>,</li>
  <li>have the link superscripted,</li>
  <li>link back from your footnote to the text.</li>
  </ol>
  <p>You can find <a href="https://sketchytech.blogspot.com/2017/03/footnotes-for-all-one-footnote-format.html" rel="nofollow noreferrer">more tips on this page</a>.</p>
  <p>Here is some <a href="https://kdp.amazon.com/en_US/help/topic/GB5GDY7WAJDN9GFK#supported_tags" rel="nofollow noreferrer">documentation of special tags and attributes</a>.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2021-03-29T04:36:10.273Z
Answers.LastActivityDate: 2021-04-02T21:40:20.283Z
Answers.LastEditDate: 2021-04-02T21:40:20.283Z
Answers.UserDisplayName: neves
Answers.Body: <p>If you're producing PDFs, their physical layout will be honored to a degree, then you can just use a PDF production tool which understands footnotes.</p>
  
  <p><a href="http://www.princexml.com/" rel="nofollow">PrinceXML</a> has high quality <a href="http://www.princexml.com/doc/footnotes/" rel="nofollow">footnote support</a>, as well as a styling language you already know (radically modern CSS3,) <em>as well as</em> basically everything else you would ever dare to want, <strong><em>as well as</em></strong> a <a href="http://www.princexml.com/forum/" rel="nofollow">startlingly active forum</a> where users give compellingly weird solutions to really complex problems.  However, it's rather expensive - five hundred, last I looked.  (I love it, so I bought it.)</p>
  
  <p>There is a free similar tool called <a href="http://weasyprint.org/" rel="nofollow">WEasyPrint</a>, but since I had Prince before WEasyPrint existed, I haven't had any reason to switch, and as such I cannot speak to its quality.  I hear good things.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-04-28T11:32:26.320Z
Answers.Text: It's not about PDF.
Answers.UserDisplayName: Quidam
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-04-28T14:22:37.930Z
Answers.Text: Most eBooks are PDFs, and the photo shows a Kindle, which requests PDF.  It almost certainly is, in fact, about PDF.
Answers.UserDisplayName: John Haugeland
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-05-07T16:37:42.407Z
Answers.Text: Most ebooks are *not* PDFs.  You can use a PDF on a Kindle, but it is a particularly unpleasant thing to do -- most PDFs have pages too large so that rendering it on a Kindle forces you to read in a flyspeck font.  Kindle natively uses a special format that is *not* epub, but is very similar to epub, and which can trivially be converted back and forth from epub.
  
  PDF is good for reading on computer screens.  It's not very useful for dedicated ebook readers.
Answers.UserDisplayName: unkilbeeg
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-05-08T22:29:34.333Z
Answers.Text: "Most ebooks are not PDFs. You can use a PDF on a Kindle, but it is a particularly unpleasant thing to do"
  
  Hi.  According to CreateSpace, over 80% of Kindle books, including all of mine, are PDFs under the hood.  You can't tell the difference, because they aren't represented as PDFs, but, if you get and set up an old iPad, it won't be able to render most of the books for this reason.
  
  "Kindle natively uses a special format that is not epub, but is very similar to epub"
  
  Respectfully, CreateSpace and KDP both say that format is little used, and recommend PDF.
Answers.UserDisplayName: John Haugeland
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-05-08T22:30:34.680Z
Answers.Text: The next time you try to lodge an ebook on Amazon, you may be surprised to learn that they've buried their epub-alike (whose only job was to create a walled garden to kill kobo) deep in their system, and that literally every front facing path consumes nothing except PDF.
Answers.UserDisplayName: John Haugeland
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2015-04-15T01:55:43.147Z
Answers.LastActivityDate: 2015-04-15T01:55:43.147Z
Answers.UserDisplayName: John Haugeland
Body: <p>I am currently formatting a manuscript into ebook formats (epub and mobi). My manuscript contains many footnotes, and I don't know how to handle them.</p>
  
  <p>It's important for me that these be footnotes rather than, say, endnotes - they're humorous asides; I need the user to be able to glance at them and be able to get right back to the main text (and also, not to get a peek ahead at the next dozen footnotes from future chapters...).</p>
  
  <p>I'm interested in both officially supported markup for major devices (I know <a href="http://g-ec2.images-amazon.com/images/G/01/kindle/dp/2013/KP/showme-footnotes-lg.jpg" rel="noreferrer">the Kindle Paperwhite now has inline footnote functionality</a>), and in workarounds which produce a good final result.</p>
  
  <p>Kindle footnotes:
  <img src="https://i.sstatic.net/NCoCh.jpg" alt="Kindle Footnotes"></p>
  
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2021-04-03T20:43:45.750Z
Comments.Text: EPUB 3 supports popup footnotes. Supported on iOS. For the main eReaders, I haven't checked but I assume it'd work.
Comments.UserDisplayName: empedocle
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2013-12-19T09:07:35.093Z
Comments.Text: What do you use to generate these formats? Or are you editing HTML and styles directly?
Comments.UserDisplayName: Anthon
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2013-12-19T09:08:38.343Z
Comments.Text: @Anthon: At the moment I'm editing HTML and styles directly. If there's a tool I can apply to the final product which won't mess up the existing formatting, I'd be OK with that.
Comments.UserDisplayName: Standback
Tags: <epub><file-format><mobi>
Title: How can I put footnotes in an ebook?
UserDisplayName: Standback
ThreadText: # How can I put footnotes in an ebook?
  
  (Asked by: username_0 on 2013-12-19)
  
  I am currently formatting a manuscript into ebook formats (epub and mobi). My manuscript contains many footnotes, and I don't know how to handle them.
  
  It's important for me that these be footnotes rather than, say, endnotes - they're humorous asides; I need the user to be able to glance at them and be able to get right back to the main text (and also, not to get a peek ahead at the next dozen footnotes from future chapters...).
  
  I'm interested in both officially supported markup for major devices (I know [the Kindle Paperwhite now has inline footnote functionality](http://g-ec2.images-amazon.com/images/G/01/kindle/dp/2013/KP/showme-footnotes-lg.jpg)), and in workarounds which produce a good final result.
  
  Kindle footnotes:
  ![Kindle Footnotes](https://i.sstatic.net/NCoCh.jpg)
  
  **Tags:** epub, file-format, mobi
  
  > **Comments:**
  > **username_2**: What do you use to generate these formats? Or are you editing HTML and styles directly?  
  > **username_0**: @username_2: At the moment I'm editing HTML and styles directly. If there's a tool I can apply to the final product which won't mess up the existing formatting, I'd be OK with that.  
  > **username_1**: EPUB 3 supports popup footnotes. Supported on iOS. For the main eReaders, I haven't checked but I assume it'd work.  
  
  ---
  
  ## 5 answers
  
  ### Answer by username_3 on 2013-12-19. Score: 13
  
  I don't think there is an official way to put footnotes, at least in EPUB2. What I do in the ebooks I prepare is to add an hyperlink to the note (placed in a chapter of its own at the end of the book, **and** to put at the end of the note another hyperlink which goes back to the original position. It's a bit ugly, but at least it helps readers (in the sense of people, not devices!)
  
  > **Comments:**
  > **username_4**: This is a good general solution. I find the easiest way to make an epub is via Sigil and this way I just write notes in a text editor as I read through the article in Sigil making all underlines and highlights I want, then at the end I will insert a notes chapter with links after I have read the material.  
  > **username_5**: Could you paste the code please?  
  > **username_3**: @username_5 : me or @username_4? My code is as follows: in the main text, « lorem<a id="tx-tbc1" href="#fn-tbc1"><sup>[1]</sup></a> ipsum », and in the footnote « <div id="fn-tbc1" class="footnote"> <p><b>1.</b> lorem ipsum <a href="#tx-tbc1"> →</a></p>   </div>  
  
  ---
  
  ### Answer by username_6 on 2013-12-19. Score: 7
  
  There's no easy and global solution to it. I'd recommend using some kind of side-notes as described here.
  Note that if your target is mainly EPUB3, you can create popfootnotes as described here:
  
  Add the http://www.idpf.org/2007/ops namespace to your epub document:
  
  
  
  Before
  After
  
  
  
  
  http://www.w3.org/1999/xhtml">
  http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops">
  
  
  
  
  Add the footnote using an anchor with epub:type="noteref" attribute-value pair. Example:
  The symbol for the British pound is £.1
  
  
  Provide the footnote content in an aside element with the epub:type="footnote" attribute-value pair. Example:
  
      These have been corrected in this EPUB3 edition.
  
  
  
  
  Notice that the aside element must have an id attribute that matches the value of the href attribute in your anchor link.
  Here is the result:
  
  > **Comments:**
  > **username_0**: The article you link to is primarily about exporting existing designs smoothly; if I understand correctly, the direct solution you propose is simply to place the footnotes inline with the text, with a distinctive style to differentiate them from the primary text.  
  > **username_6**: @username_0 you are right about including them inline, as I don't know other viable options regarding foot (and not end) notes for multiple platforms. Or see my updated answer.  
  
  ---
  
  ### Answer by username_2 on 2013-12-19. Score: 4
  
  If you only are afraid of your users reading the other footnotes if they are displayed as endnoted, then it might suffice to put each of them on their own page.
  
  If you include an explicit back-link to the original location for the footnote at the end of the footnote ([continue reading ...]) as well, the reader is more likely to get back to the position they came from to read the foot-/end-note.
  
  
  ---
  
  ### Answer by username_7 on 2021-03-29. Score: 0
  
  Here is Amazon documentation on footnotes editing
  Here is how to create footnotes in HTML:
  Amazon strongly recommends marking footnotes with the HTML5 aside element, together with the epub:type attribute. This allows accessible reading systems to ignore the footnotes except when followed by their referents and allows any reading system to handle them more intelligently (e.g., as popups). This usage ensures that even if the EPUB semantic is not recognized, the notes will still be treated as secondary content due the nature of the HTML5 aside element.
  Regardless of whether the aside element is used, Amazon requires formatting footnotes with bidirectional hyperlinks (the text is linked to the footnote and the footnote is linked back to the text). This makes it easier for customers to return to the text after viewing the footnote. On some Kindle devices, such as Kindle Paperwhite, footnotes with bi-directional hyperlinks are displayed in a pop-up.
  For a better reading experience, Amazon strongly recommends placing the footnote text at the end of the chapter or book
  This is one of the simplest ways to create linked footnotes using HTML, but there are many others. Please note that Amazon requires footnote links to be superscript.
  Place this HTML code in your main body content where you want the footnote link to appear:
  This footnote example uses the aside element with the epub:type attribute and bi-directional 
  hyperlinks.1
  
  ...
  
  
  
  1. This is the footnote text, 
  which should be placed at the end of the chapter or book.
  
   
  
  Change the number value for each footnote that you include in your text. The first footnote in your book should use the number 1, the second footnote should use 2, the third should use 3, and so on:
  And describe your footnote:
  Here is the footnote text
  
  After you've set all your footnotes, they'll be converted to endnotes automatically when you upload your book
  Sometimes it will open as a popup, but sometimes the navigation will take you to the page. I don't know exactly why. It looks like there's some heuristics involved.
  Try always to:
  
  put your footnotes in another section,
  have the link superscripted,
  link back from your footnote to the text.
  
  You can find more tips on this page.
  Here is some documentation of special tags and attributes.
  
  
  ---
  
  ### Answer by username_8 on 2015-04-15. Score: 0
  
  If you're producing PDFs, their physical layout will be honored to a degree, then you can just use a PDF production tool which understands footnotes.
  
  [PrinceXML](http://www.princexml.com/) has high quality [footnote support](http://www.princexml.com/doc/footnotes/), as well as a styling language you already know (radically modern CSS3,) *as well as* basically everything else you would ever dare to want, ***as well as*** a [startlingly active forum](http://www.princexml.com/forum/) where users give compellingly weird solutions to really complex problems. However, it's rather expensive - five hundred, last I looked. (I love it, so I bought it.)
  
  There is a free similar tool called [WEasyPrint](http://weasyprint.org/), but since I had Prince before WEasyPrint existed, I haven't had any reason to switch, and as such I cannot speak to its quality. I hear good things.
  
  > **Comments:**
  > **username_5**: It's not about PDF.  
  > **username_8**: Most eBooks are PDFs, and the photo shows a Kindle, which requests PDF.  It almost certainly is, in fact, about PDF.  
  > **username_9**: Most ebooks are *not* PDFs.  You can use a PDF on a Kindle, but it is a particularly unpleasant thing to do -- most PDFs have pages too large so that rendering it on a Kindle forces you to read in a flyspeck font.  Kindle natively uses a special format that is *not* epub, but is very similar to epub, and which can trivially be converted back and forth from epub.  PDF is good for reading on computer screens.  It's not very useful for dedicated ebook readers.  
  > **username_8**: "Most ebooks are not PDFs. You can use a PDF on a Kindle, but it is a particularly unpleasant thing to do"  Hi.  According to CreateSpace, over 80% of Kindle books, including all of mine, are PDFs under the hood.  You can't tell the difference, because they aren't represented as PDFs, but, if you get and set up an old iPad, it won't be able to render most of the books for this reason.  "Kindle natively uses a special format that is not epub, but is very similar to epub"  Respectfully, CreateSpace and KDP both say that format is little used, and recommend PDF.  
  > **username_8**: The next time you try to lodge an ebook on Amazon, you may be surprised to learn that they've buried their epub-alike (whose only job was to create a walled garden to kill kobo) deep in their system, and that literally every front facing path consumes nothing except PDF.  
  
  ---
  
  