Tipps für viele Bilder - Redundanz vermeiden

[Gunnar Bittersmann]

@@Matthias Apsel

Wenn es zu jeder Vorschaugalerie auch noch einen einleitenden Text geben soll, könnte auch alles, was zu einem Ereignis gehört in ein section-Element verpackt werden.

Und das auch ohne einen solchen Text. Die wiederholten h2 sind ein sicheres Zeichen dafür.

Sinnvollerweise erhält jede section eine ID. Mit den von dir schon angesprochenen Änderungen +alt −title ergibt sich:

<h1>Galerien</h1>
<section id="ausfahrt-black-forest">
  <h2>Ausfahrt Black Forest</h2>
  <ul>
    <li>
      <a href="..." data-lightbox="..."><img src="..." alt="..."></a>
      <!-- ... -->
    </li>
  </ul>
</section>
<section id="...">
  <h2> 
  <!-- ... -->

LLAP 🖖