"Einzelnachweise" mit HTML (oder CSS)

[1UnitedPower]

Werte Freunde der guten Internetseitengestaltung,

ich hätte da mal eine Frage zu Einzelnachweisen bzw. Literaturangaben, wie man diese in HTML-Dokumenten macht. In Textdokumenten sind diese ja Standard und auch gut umzusetzen.

Das w3c empfiehlt verschiedene Markups für verschiedene Arten von Fußnoten, das aus dem Selfhtml-Wiki ähnelt diesem Snippet am meisten:

  
<p> Announcer: Number 16: The <i>hand</i>.  
<p> Interviewer: Good evening. I have with me in the studio tonight  
Mr Norman St John Polevaulter, who for the past few years has been  
contradicting people. Mr Polevaulter, why <em>do</em> you  
contradict people?  
<p> Norman: I don't. <sup><a href="#fn1" id="r1">[1]</a></sup>  
<p> Interviewer: You told me you did!  
...  
<section>  
 <p id="fn1"><a href="#r1">[1]</a> This is, naturally, a lie,  
 but paradoxically if it were true he could not say so without  
 contradicting the interviewer and thus making it false.</p>  
</section>