Wie verlinke ich auf einen Teil einer Seite? (Hash?)

Lesezeit: 4 Minuten

Wie verlinke ich auf einen Teil einer Seite Hash
Harald

Wie verlinken Sie (mit <a>), sodass der Browser zu einer bestimmten Unterüberschrift auf der Zielseite geht und nicht nach oben?

Wie verlinke ich auf einen Teil einer Seite Hash
Daniel Di Paolo

Wenn es ein Tag mit einem gibt id (z.B, <div id="foo">), dann kannst du einfach anhängen #foo zur URL. Andernfalls können Sie nicht beliebig auf Teile einer Seite verlinken.

Hier ist ein vollständiges Beispiel: <a href="http://example.com/page.html#foo">Jump to #foo on page.html</a>

Beispiel für das Verlinken von Inhalten auf derselben Seite: <a href="#foo">Jump to #foo on same page</a>

Es heißt ein URI-Fragment.

  • Verwenden Sie also das vollständige Beispiel oder dasselbe Seitenbeispiel? ist das vollständige Beispiel nicht dasselbe?

    – ein Kantowort

    19. Mai 2016 um 21:02 Uhr

  • wenn wir eine ruhige Seite mit einer URL hätten wie: domain.com/#home?page=1 Wie verwende ich eine ID in href?

    – iraj jelodari

    14. September 2016 um 8:15 Uhr


  • @irajjelodari Du würdest den Hash an das Ende setzen: domain.com/?page=1#home

    – tomsmeding

    15. November 2016 um 15:53 ​​Uhr

  • Ich musste 2 Hashtags in der URL verwenden wie: example.com/#RouteName?page=1#ID. eine für das Routing und eine für die Navigation innerhalb der aktuellen Seite. Schließlich habe ich den HTML5-Modus der URL verwendet, um Routen-Hashtags zu entfernen;) @tomsmeding

    – iraj jelodari

    19. November 2016 um 15:20 Uhr


  • @Daniel Sir, ich habe eine ähnliche Situation, was zu tun ist, wenn die #foo Element ist im verborgenen Zustand?

    Benutzer4257136

    13. April 2019 um 8:32 Uhr


Sie verwenden einen Anker und einen Hash. Zum Beispiel:

Ziel des Links:

 <a name="name_of_target">Content</a>

Link zum Ziel:

 <a href="#name_of_target">Link Text</a>

Oder, wenn Sie von einer anderen Seite verlinken:

 <a href="http://path/to/page/#name_of_target">Link Text</a>

  • Der Broser springt auch zu jedem Element mit der ID name_of_target. Sie müssen kein verwenden <a> Tag als Ziel. So könnte ein weiteres Ziel sein <h3 id='name_of_target'>Content</h3>.

    – Kyrill

    16. Oktober 2014 um 21:52 Uhr


  • Beachten Sie, dass dies in HTML5 jetzt veraltet ist.

    – Tim

    12. Juni 2016 um 11:53 Uhr

  • Nur um Tims Kommentar zu verdeutlichen: Fragment-Links und leere “a”-Tags sind in HTML5 immer noch aktuell. Die Verwendung des Tags „name“ ist veraltet und wird durch „id“ ersetzt. html.spec.whatwg.org/multipage/browsing-the-web.html#navigate

    – verschmilzt

    26. Juli 2021 um 21:18 Uhr

Hängen Sie einfach einen Hash mit einer ID eines Elements an die URL an. Z.B

<div id="about"></div>

und

http://mysite.com/#about

Der Link würde also so aussehen:

<a href="http://mysite.com/#about">About</a>

oder nur

<a href="#about">About</a>

1646254326 325 Wie verlinke ich auf einen Teil einer Seite Hash
Abderrahmane TAHRI JOUTI

Am 12. März 2020 wurde ein Entwurf von WICG für hinzugefügt Textfragmenteund jetzt können Sie auf Text auf einer Seite verlinken, als ob Sie danach suchen würden, indem Sie dem Hash Folgendes hinzufügen

#:~:text=<Text To Link to>

Arbeitsbeispiel auf Chrome Version 81.0.4044.138:

Klicken Sie auf diesen Link. Sollte die Seite neu laden und den Text des Links markieren

1646254326 146 Wie verlinke ich auf einen Teil einer Seite Hash
Sarfraz

Hier ist, wie:

<a href="#go_middle">Go Middle</a>

<div id="go_middle">Hello There</div>

1646254327 867 Wie verlinke ich auf einen Teil einer Seite Hash
Daniel Wassallo

Sie haben zwei Möglichkeiten:

Sie können entweder wie folgt einen Anker in Ihr Dokument setzen:

<a name="ref"></a>

Oder Sie geben einem beliebigen HTML-Element eine ID:

<h1 id="ref">Heading</h1>

Dann einfach den Hash anhängen #ref auf die URL Ihres Links, um zur gewünschten Referenz zu springen. Beispiel:

<a href="document.html#ref">Jump to ref in document.html</a>

Wie verlinke ich auf einen Teil einer Seite Hash
Digdarshan Kunwar

Vorausgesetzt, dass jedes Element auf einer Webseite das id-Attribut hat. Man könnte einfach zu dem Element verlinken/springen, auf das durch das Tag verwiesen wird.

Auf derselben Seite:

<div id="markOne"> ..... </div> 
   ......
<a href="#markOne">Jump to markOne</a> 

Andere Seite:

<div id="http://randomwebsite.com/mypage.html#markOne"> 
  Jumps to the markOne element in the mypage of the linked website
</div>

Die Ziele müssen nicht unbedingt ein Ankerelement haben.

Sie können das überprüfen Geige aus.

916030cookie-checkWie verlinke ich auf einen Teil einer Seite? (Hash?)

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

Privacy policy