Springen und Navigieren

Um innerhalb eines (großen) Dokuments leichter Navigieren zu können, um an den Anfang oder ans Ende einer Seite zu springen, um den Link auf eine Fortsetzungs- oder Vorgängerseite sinnfälliger anzeigen zu können, bietet sich oft ein Symbol, kombiniert mit einem Text und einer Sprungadresse an.

Folgende Symbole haben sich dabei im Laufe der Zeit "bewährt":

• Sprung nach oben
   pfeiloben-rt.gif
   pfeiloben-gn.gif
  
  
• Sprung nach unten
   pfeilunten-rt.gif
   pfeilunten-gn.gif
  
  
• Sprung aus dem aktuellen ins Vorgängerdokument
   pfeilpfeiloben-rt.gif
   pfeilpfeiloben-gn.gif
  oder
   pfeilpfeillinks-rt.gif
   pfeilpfeillinks-gn.gif
  
  
• Sprung aus dem aktuellen ins Nachfolgedokument
   pfeilpfeilunten-rt.gif
   pfeilpfeilunten-gn.gif
  oder
   pfeilpfeilrechts-rt.gif
   pfeilpfeilrechts-gn.gif
  
  

Als Text werden gerne verwendet:

• ... oben, ... Anfang, zurück u.ä.
• ... unten, ... Ende, ... weiter, ... nächste u.ä.
• Sprung nach / zu ..., zurück, Rücksprung u.ä.
• Sprung nach / zu ..., vorwärts, weiter u.ä.

Die Sprung bzw. Link-Adresse ist entweder

• eine fest Adresse, z.B. in der Form
  <p>
  <a href="[url-Adresse] [Optionen] text="[Text]">
  </p>
  
  oder
  
  
• eine logische Adresse (hier: Rücksprung zur letzten Adresse) in der Form
  <p>
    <a href="javascript:history.back()" title="zurück">
      [Text] und/oder <[Grafik/Symbol]>
    </a>
  </p>
  
  oder
  
  
• eine logische Adresse (hier: Rücksprung zur letzten Adresse) in Tabellenform
  <table class="ornate_oR_v">
  <tr>
  <td>
    <a href="javascript:history.back()" title="zurück">
    <img alt="pfeilpfeiloben-rt" height="9" src="" title="pfeilpfeiloben-rt" width="9"/>
    (oder: für Lenya-1: 'object ...', für Lenya-2: 'img ...')
    <object href="" title="pfeilpfeiloben-rt" type="image/gif" data="pfeilpfeiloben-rt.gif" />
    zurück</a>
  </td>
  <td> <br/> </td>
  <td align="right">
    <a href="javascript:history.back()" title="zurück">
    zurück
    <img alt="pfeilpfeiloben-rt" height="9" src="" title="pfeilpfeiloben-rt" width="9"/>
    (oder: für Lenya-1: 'object ...', für Lenya-2: 'img ...')
    <object href="" title="pfeilpfeiloben-rt" type="image/gif" data="pfeilpfeiloben-rt.gif" />
  </a> </td>
  </tr>
  </table>

Beispiel 1 - Logischer Rücksprung: zweimal (rechts und links über Tabelle)

Beispiel 2 - Logischer Rücksprung: einmal (rechts oder links)