As for footnotes, if you haven't already completely figured them out, this is what I use:
CSS:
.footnote {
font-size: 0.6em;
vertical-align: 0.6em;}
Text:
<p class="indent">It has long been a favourite subject of discussion whether the Falls were once situated seven miles farther north, or at Queenston. The ideal bird's-eye view given in the frontispiece may assist the reader who has not visited the spot to form a tolerably correct general notion of the geographical configuration of this country, which is very simple. The view has been constructed from a sketch published by Mr. Bakewell, in Loudon's Magazine for 1830, into which the geological representation of the rocks, as they appear on the surface and in the ravine of the Niagara, has been introduced from the State Survey by Mr. Hall.<span class="footnote"><a href="../Text/Section0002.xhtml#ref1" id="f1">1</a></span> The platform...</p>
Footnote:
<h3 id="head_35">FOOTNOTES</h3>
<p class="indent"><a href="../Text/Section0001.xhtml#f1" id="ref1">1.</a> Mr. Bakewell gave me his original sketches in 1841.</p>
This allows one to click on the footnote in the text, and return to that location by clicking on the reference number.