Gewusst wie: Verknüpfen mit einem Anchor-Tag auf einer anderen Webseite

June 15

Benannte Anker oder ID auf einer Webseite HTML Kodierung erstellt ein Lesezeichen zu einem definierten Punkt auf dieser Seite. Anschließend können Sie eine Norm Hyperlink automatisch Benutzer an diesem bestimmten Punkt verweisen diese ID hinzufügen. Dies ist besonders hilfreich für lange Seiten, die andernfalls Scrollen erfordern würde um wichtige Abschnitte zu suchen.

Anweisungen

1 Fügen Sie den folgenden Code, um den genauen Punkt auf der Seite, wo Benutzer gerichtet werden sollten, wenn sie auf den Link klicken:

< p Id = "name" >< / p >

Ändern Sie einen eindeutigen und beschreibenden Namen "name" und halten Sie die Anführungszeichen. Sie können das ID-Attribut zu jedem anderen Tag, z. B. die Überschrift hinzufügen:

< h2 Id = "sektion1" > Abschnitt ein < / h2 >

2 Fügen Sie den folgenden Code, wo der Link erscheinen soll:

< a Href = "URL #name" > Verknüpfung Text </a >

Dieses Format können Sie entweder auf der gleichen Seite wie die etablierten ID oder auf einer ganz anderen Seite. Der einzige Unterschied ist, dass der URL-Teil enthalten sein muss, wenn eine Verknüpfung zu einer anderen Seite als die jetzige.

3 Ändern Sie "URL #name", die vollständige URL, gefolgt von das Pfund-Zeichen, gefolgt von der ID-Name. Änderung "Verlinkung"mit Text was benötigen Sie für den Link. Beispielsweise können Sie den Code zu ändern:

< a Href = "Go" Rel = "Nofollow" > http://www.somedomain.com/index.html#section1&quot;>Go Abschnitt i </a >

Wenn die Seite auf dem gleichen Gelände befindet, können ausschließen der Domänenteil der Verknüpfung und fügen Sie nur die Seite Dateinamen oder relative Seite. Als Beispiel, wenn Sie auf der index.html-Seite in demselben Verzeichnis verknüpfen wurden können Sie den folgenden Code verwenden:

< a href="index.html#section1" > gehen Sie zum Abschnitt ein </a >

Tipps & Warnungen

  • In HTML 5 ersetzt das ID-Attribut das ältere Name-Attribut, das mit Anchor-Tags, wie verwendet wird:
  • < a Name = "Name" > </a >-Anker-Tags
  • Diese Methode funktioniert immer noch, aber HTML 5 bevorzugt das ID-Attribut, das nicht auf einen < a > Transponder kodiert werden sollten.
  • Benötigen Sie eine Nummer auf der gleichen Seite verweisen, lassen Sie die URL, um zu vermeiden, die gesamte Seite neu zu laden. Beispielsweise können Sie den folgenden Code verwenden, auf einem Abschnitt auf derselben Seite verlinken:
  • < a Href = "#section1" > gehen Sie zum Abschnitt ein </a >

SIE KÖNNEN AUCH GERNE