Skip to main content

Fragment-URL

Eine Fragment-URL ist der Teil einer URL, der nach dem Hash-Zeichen (#) kommt, und wird verwendet, um direkt zu einem bestimmten Abschnitt oder Element innerhalb einer Webseite zu navigieren. Zum Beispiel: `https://www.beispielseite.de/seite.html#abschnitt` bringt den Benutzer direkt zu dem Element mit der ID „abschnitt“ auf der Seite „seite.html“.
Fragment-URL - Definition - fusepro Glossar

Definition der Fragment-URL

Eine Fragment-URL, auch bekannt als Fragmentbezeichner oder Anker, ist ein Teil einer URL, der nach dem Hash-Zeichen (#) kommt. Sie wird verwendet, um auf einen spezifischen Abschnitt oder ein bestimmtes Element innerhalb einer Webseite zu verweisen, ohne die gesamte Seite neu zu laden. Fragment-URLs sind nützlich, um direkt zu bestimmten Bereichen auf langen Seiten zu navigieren oder spezifische Inhalte innerhalb einer Webseite anzuzeigen.

Aufbau einer Fragment-URL

Der allgemeine Aufbau einer Fragment-URL sieht wie folgt aus:

https://www.beispielwebsite.de/seite.html#anker

Hierbei ist #anker der Fragmentbezeichner. Er verweist auf ein Element innerhalb der Seite seite.html, das mit dem ID-Attribut anker versehen ist. Wenn der Browser diese URL aufruft, wird die Seite an die Position des Elements mit der ID anker gescrollt.

Verwendung von Fragment-URLs

Fragment-URLs werden häufig verwendet, um die Navigation innerhalb von Webseiten zu erleichtern. Sie sind besonders nützlich auf langen Seiten wie Dokumenten oder Artikeln, wo Benutzer schnell zu einem bestimmten Abschnitt springen möchten. Durch das Hinzufügen eines Fragmentbezeichners zu einer URL kann ein Benutzer direkt zu einem bestimmten Abschnitt eines Dokuments navigieren, was die Benutzererfahrung verbessert und die Zugänglichkeit erhöht.

Beispiele und Implementierung

Um einen Fragmentbezeichner zu verwenden, muss das Ziel-Element auf der Webseite eine ID besitzen, die mit dem Fragment übereinstimmt. Beispiel:

<h2 id="kontakt">Kontaktinformation</h2>

Die Fragment-URL https://www.beispielwebsite.de/seite.html#kontakt würde den Browser zur Überschrift „Kontaktinformation“ auf der Seite führen. Es ist wichtig, sicherzustellen, dass die ID einzigartig innerhalb der Seite ist, um sicherzustellen, dass der Browser das richtige Element findet.

Verhalten und Einschränkungen

Beim Laden einer URL mit einem Fragmentbezeichner wird die Seite nicht neu geladen, sondern der Browser scrollt direkt zu dem entsprechenden Element. Dies kann jedoch zu Problemen führen, wenn das Ziel-Element nicht vorhanden ist oder die ID falsch geschrieben ist. Auch bei der Verwendung von Fragment-URLs auf Webseiten, die dynamisch Inhalte nachladen oder per JavaScript gesteuert werden, kann es wichtig sein, sicherzustellen, dass die Fragmentbezeichner zur richtigen Zeit verfügbar sind.

Jetzt kontaktieren