# Writing Sample #20 ### How to create footnotes in DITA Use the `` element to create footnotes in a DITA topic.`1` * You can create footnotes in paragraphs and in tables. * You can specify letters, numbers, or symbols by including the `@callout` attribute. * You can repeat footnotes when necessary. #### Create a footnote Use the DITA `` element to create a footnote. This is an example of a paragraph that uses the DITA footnote element. When you publish your document, DITA typically places the footnote at the bottom of the page.`2`
Sample <fn> code:
<p>
This is an example of a paragraph that uses the DITA footnote element. 
When you publish your document, the footnote is typically placed
at the bottom of the page.<fn>You can control the placement of footnotes 
using CSS or other output processing techniques.</fn>.
</p>
**Note:** Use the `@deliveryTarget` attribute to specify a document type (`html`, `pdf`, `epub`). For example: ``` You can control the placement of footnotes using CSS or other output processing techniques. ``` #### Repeat a footnote Add an `@id` attribute to the `` element to repeat a footnote and use the `` element for each repeating instance of the footnote. Here is an example: I like pets. At my house, I have a dog,`3` a cat,`3` and a llama.`3`
Sample code to repeat a footnote:
<p>
I like pets. <fn id="reuse-fn">This is the name of an animal.</fn> 

At my house, I have
a dog\,
a cat\,
and a llama\.
\
The `` element uses the `@href` attribute as a relative path to the topic that holds the original `` element, even if it is the footnote’s source topic. #### Create a Footnote in a table Here is an example of a table that uses the DITA `` element along with the `@callout` attribute: | The text in this table column needs a footnote.`a` | This table text also needs a footnote.`b` | | ----------------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
Using the @callout attribute in a footnote:
<p> 
   <strow>
     <stentry>
         The text in this table column needs 
         a footnote.<fn callout="a">Footnote for first column.</fn>
     </stentry>
     <stentry>
         This table text also needs 
         a footnote.<fn callout="b">Footnote for second table column.</fn>
     </stentry>
   </strow>
</p>
#### Footnote Placement When you publish your document, DITA typically places footnotes at the bottom of the page. To distinguish between paragraph and table footnotes, you can use numbered callouts for footnotes in paragraphs (1,2,3) and alphabetical callouts for footnotes in tables (a,b,c). #### Creating manual footnotes for specific placement As an alternative to using the `` element, you can use the `` element to manually create and build a superscript callout. You can then place the footnotes at any location. For example, instead of a table’s associated footnotes appearing at the bottom of the page, you can place them immediately after the table: | **Sample table using manual footnotes:** | | ---------------------------------------------------------------- | | This is a table entry.`c` | | This is another table entry.`d` | c. Manual footnote for the first row.\ d. Manual footnote for the second row. *** 1 Source: [Oasis 3.2.2.16 \](https://docs.oasis-open.org/dita/dita/v1.3/errata02/os/complete/part3-all-inclusive/langRef/base/fn.html#fn) 2 You can control the placement of footnotes using CSS or other output processing techniques. 3 This is the name of an animal. a Footnote for the first column. b Footnote for the second table column. *** --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://suntracer2030.gitbook.io/phillip-wilkerson-technical-writing-portfolio/writing-sample-20.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.