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

Lesezeit: 2 Minuten

Benutzer-Avatar
HerrP

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?

  • Hast du es versucht href="page2.php#section2?

    – Sean

    10. Mai 2015 um 21:05 Uhr

  • Zwei Beispiele unten zeigen, worauf es ankommt.

    – Dan Cundy

    10. Mai 2015 um 21:07 Uhr

  • Nö, das war mir tatsächlich nicht bewusst. Ich werde das so schnell wie möglich versuchen, danke.

    – HerrP

    10. Mai 2015 um 21:08 Uhr

Benutzer-Avatar
Shawn Jacobson

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">...

  • hinweis – in html5, die <a name=""> wird nicht mehr benötigt, da man es mit dem machen kann id Attribut ein <section> stackoverflow.com/questions/484719/html-anchors-with-name-or-id

    – Sean

    10. Mai 2015 um 21:07 Uhr

  • Verwenden <a name=""> ist gut, wenn Sie beispielsweise eine sehr lange ID haben, aber einen kurzen Namen für den Link wünschen.

    – Sumner Evans

    10. Mai 2015 um 21:09 Uhr


Benutzer-Avatar
Sumner Evans

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.

1005700cookie-checkWie kann ich einen Ankerlink zu einem bestimmten Abschnitt auf einer Seite setzen?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy