Fußnoten in html

[Beat]

»» »» 2. Ein Link im Dokument auf die Fußnote. Die Fußnote ist ganz unten und unten muß ich wieder einen Link zurückmachen.

Nimm einen Anker. Schreib im Fließtext z.B. für die Fußnote 77:

<a href="[~[*id*]~]#f77">[77]</a>

wenn du die Nummern in eckige Klammern setzen willst; Hochstellen ist m. E. auf dem screen eher schlecht lesbar.

Am Ende der Seite dann der anzuspringende Anker:

<p><a title="f77" name="f77"></a></p>

<p>[77] ........... </p>

>   
> Wichtig ist, dass der Ankername bzw. -titel mit einem Buchstaben anfangen muss, deshalb f77, nur 77 geht nicht.  
> Das Zurückspringen an die Textstelle geht einfach mit dem Back-Button des Browsers, ohne scrollen zu müssen. (Das muss man dem Nutzer aber vielleicht im Kleingedruckten mitteilen.)  
>   
> > Das ist natürlich bei Dokumenten mit mehreren Fußnoten recht kompliziert.  
  
Das braucht aber Korrekturen  
~~~html
<p>Dies ist ein Stichwort<a id="fna77" href="#fn77">77</a> gefolgt von Text</p>  
  
<h4>Footnotes</h4>  
<div class="fn"><a href="#fna77" id="fn77">77</a>Fussnotentext.</div>  

Mit geschicktem Find & Replace in einem geeigneten Editor ist das schnell gemacht.

Errorprone

Serverseitige Konstruktion ist vorzuziehen, wobei dann eine erleichterte Fussnotenerstellung in den Quelltexten möglich ist:

Beispiel:
Das ist ein Stichwort[footnote:Fussnotentext.] gefolgt von Text.

Man kann alternativ dies auch Clientseitig mittels JS bewärkstelligen.
Allerdings sind im Quelltext Quell-Markups notwendig, für die ich auch heute noch keine gute Lösung gefunden habe:

Beispiel:

Das ist ein Stichwort<small class="footnote">Fussnotentext.</small> gefolgt von Text.  

Ohne JS sieht dies auf jeden Fall suboptimal aus.

mfg Beat