Wie lässt sich ein paralleles Lesen zweier Bibelübersetzungen in HTML realisieren?
Um zwei verschiedene Bibelübersetzungen parallel darzustellen, eignet sich die Verwendung eines flexiblen Layouts mit CSS Flexbox. Dabei werden die beiden Übersetzungen nebeneinander in separaten Bereichen angezeigt. Die Verse können gegenübergestellt werden, um den Vergleich zu erleichtern. Dies kann zum Beispiel durch die Nummerierung der Verse erfolgen. Im Folgenden ist eine grundlegende HTML-Struktur mit CSS-Styling dargestellt, die zwei Übersetzungen parallel nebeneinander zeigt.
Lutherbibel 2017
Elberfelder Bibel
Diese Technik beruht auf der Anordnung der Inhalte innerhalb zweier nebeneinander stehender Boxen in einem übergeordneten Container. So können Nutzer jeweils parallel die gleiche Versnummer verschiedener Übersetzungen lesen und vergleichen. Für umfangreichere Texte bietet es sich an, zusätzlich eine Synchronisation der Scroll-Positionen zu implementieren, beispielsweise mit JavaScript, um stets gleichlaufende Verse gleichzeitig sichtbar zu halten. Zudem kann man per CSS media queries dafür sorgen, dass auf kleineren Bildschirmen die Übersetzungen untereinander angezeigt werden, um die Lesbarkeit mobil zu verbessern.
Zusammenfassend lässt sich sagen, dass HTML-Grundgerüst für zwei nebeneinander stehende Spalten in Kombination mit CSS Flexbox eine einfache und effektive Methode ist, um parallele Texte wie zwei Bibelübersetzungen übersichtlich darzustellen.