Wie kann ich Bibelverse in HTML mit Querverweisen oder Fußnoten versehen?
- Darstellung von Bibelversen
- Einfügen von Fußnoten
- Einfügen von Querverweisen
- Fußnotenbereich am Dokumentende
- Fußnoten
- Zusammenfassung
Darstellung von Bibelversen
Um Bibelverse in HTML ansprechend und strukturiert darzustellen, eignet sich ein spezielles Markup mit Hervorhebungen der Buch-, Kapitel- und Versangaben. Für eine optisch ansprechende Darstellung kann man z.B. das Element <em> oder eine CSS-Klasse verwenden, die kursiv oder anderweitig gestaltet ist.
Einfügen von Fußnoten
Fußnoten werden üblicherweise mit hochgestellten Zahlen oder Symbolen im Fließtext markiert. In HTML wird dies meist mit dem <sup>-Element gemacht. Die hochgestellte Zahl kann dabei mit einem Link versehen werden, der den Leser zur ausführlichen Fußnote am Ende des Dokuments führt.
Hier ein Beispiel:
Denn also hat Gott die Welt geliebt, dass er seinen eingeborenen Sohn gab, damit alle, die an ihn glauben, nicht verloren gehen, sondern das ewige Leben haben. 1
Einfügen von Querverweisen
Querverweise innerhalb der Bibelverse oder auf andere Stellen können als normale Hyperlinks angeboten werden, die entweder innerhalb der Seite (Ankerlinks) oder zu externen Quellen führen. Nutzt man innerhalb derselben Webseite Ankerlinks, sollten eindeutige IDs gesetzt und zielgerichtete Links angelegt werden.
Beispiel eines Querverweises, der z.B. auf Johannes 1,1 verweist:
Im Anfang war das Wort, und das Wort war bei Gott, und das Wort war Gott. (Johannes 1,1)
Johannes 1,1: Im Anfang war das Wort, und das Wort war bei Gott, und das Wort war Gott.
Fußnotenbereich am Dokumentende
Fußnoten
Diese Aussage findet sich im Johannesevangelium, Kapitel 3, Vers 16. Der Vers gilt als Zusammenfassung der christlichen Erlösungsbotschaft. ↩
Zusammenfassung
Um Bibelverse mit Querverweisen oder Fußnoten in HTML ansprechend umzusetzen, erstellt man den Bibeltext idealerweise mit semantisch geeigneten HTML-Elementen, ergänzt Fußnoten mit hochgestellten Links (Ankerlinks) und stellt Querverweise als anklickbare Links dar. Die Fußnoten werden am Seitenende in einem separaten Abschnitt gesammelt. Zusätzlich helfen CSS-Stile, die Lesbarkeit und die Benutzerfreundlichkeit zu verbessern.