§ 4.7 Footnotes

The sites we’ve built to display on a desktop, smartphone, or a tablet today could be on a TV Screen, coffee table display, or mega space yacht projection system tomorrow. Do yourself a favor and heed the advice of the Dao: A fully-scalable web1

  1. Style sheets that use relative units can more easily scale from one output environment to another. Most of the time I use em and rem.
HTML
<!-- Footnote Markup : Replace ‘X” with your unique number for each footnote -->
<article>
	<p><sup><a href="#fn-itemX" id="fn-returnX"></a></sup></p>
	<footer>
		<ol class="foot-notes">
			<li id="fn-itemX"><a href="#fn-returnX">↩</a></li>
		</ol>
	</footer>
</article>
↑ back to top