aber trotzdem nett für einige mal.

Ein Weblayout hat den wunderbaren Vorteil, dass man nicht blättern muss. Endnoten sind also in diesem Kontext gleich Fußnoten und andersrum. Der zweite Vorteil ist, dass man mit Links beliebig und gezielt Textpassagen anspringen kann, was die Fußnoten quasi noch benutzerfreundlicher macht (der Blick muss nicht erst abschweifen.) Mit der :target-Pseudoklasse kann man den Blick gezielt auf die entsprechende Fußnote lenken.

Beim Drucken eines langen HTML-Dokuments werden die Fußnoten erstmal zu Endnoten. Das ist aber nicht Problem des Markups sondern des Layouts. Hier wäre es vieleicht möglich, mit JavaScript eine Lösung zu finden, die die Endnoten aufteilt auf die jeweiligen Seiten. Das ist allerdings nicht ganz trivial, muss ich zugeben.

Wesentlich effektiver finde ich in einem früheren Kommentar vorgeschlagene Prinzip von Randnoten. Seit geraumer Zeit verwende ich diese für meine alten Studienarbeiten (die ich in meine neue Seite übernommen habe), beispielsweise bei dieser Hausarbeit. Einfach an der Stelle der Fußnote die Existenz einer solchen vermerken (z.B. durch eckige Klammern oder Sternchen oder eine hochgestellte Zahl oder sonst ein passendes Zeichen) und danach die Fußnote im Quelltext direkt anschließen und als span-class ausweisen (diese definiert man in der css einfach als flow right, dann landet sie am rechten Rand; man kann sie auch so formatieren, dass sie neben dem eigentlichen Text steht und nicht wie bei meinem Beispiel in diesen eingeklinkt wird). Das Verfahren macht auch eine Übertragung aus beispielsweise Latex- oder Word-Dokumenten einfacher, da man sonst die Fußnoten erst mühsam aus dem Fließtext-Dokument zusammensuchen und am Ende der Internet-Version sammeln und dann händisch hin- und herverlinken müsste.

Genau das habe ich gesucht, danke!