Wie kann ich einen Ankerlink zu einem bestimmten Abschnitt auf einer Seite setzen?

Ich habe eine Seite, sagen wir Seite2, die mit mehreren gefüllt ist <section>:

<section class="box special" id="section1">
 //
</section>
<section class="box special" id="section2">
 //
</section>
<section class="box special" id="section3">
 //
</section>
<section class="box special" id="section4" style="background:#3399ff;">
 //
</section>

Dann habe ich eine andere Seite, page1, in der ich einen Ankerlink einfügen möchte

    <ul class="actions">
        <li><a href="https://stackoverflow.com/questions/30156630/page2.php" class="button">Link to page2</a></li> 
   </ul>

Was ich versuche zu erreichen, ist, diese Ankerlinks einzurichten, um zu einem bestimmten zu gelangen <section> auf Seite2, nicht nur oben auf Seite2. Ist das möglich? Und wenn ja, wie?

Verwenden Sie ein Anker-Tag

<a name="section1"><section ...></section></a>

Fügen Sie dann im Link den spezifischen Anker hinzu

<a href="page2.php#section1">Link</a>

Und wie die Kommentare vorgeschlagen haben, können Sie, wenn Sie HTML5 verwenden (und es scheint so zu sein), das Anker-Tag eliminieren und einfach die ID des Abschnittselements verwenden

<section id="section1">...

Benutzen #{id} wo {id} ist der ID-Wert des Abschnitts, auf den Sie verlinken möchten. Zum Beispiel

<a href="page2.php#section1" class="button">Link to page2</a>

bringt Sie zum section1 section von page2.

Weiterlesen:

MDN href Attributdokumentation.