Einführung in die Verwendung von Ankerpunkten (Namen Anchors) in HTML

Die folgenden Informationen werden aus dem Internet zusammengestellt

1. Ankerpunkte sind eine Art von Hyperlinks in der Webseitenproduktion, auch als Namensangaben bezeichnet . Die Benennung von Ankern ist wie ein schneller Locator, ein Hyperlink auf einer Seite und ist häufig zu verwenden.

Englischer Name: Anker

Verwenden Sie benannte Anker, um Markierungen in einem Dokument festzulegen, das normalerweise an oder ganz oben in einem bestimmten Thema im Dokument platziert ist. Anschließend können Links zu diesen benannten Ankern erstellt werden, die die Besucher schnell zu einem bestimmten Ort bringen.

Der Prozess der Erstellung eines Links zu einem benannten Anker ist in zwei Schritte unterteilt. Erstellen Sie zuerst einen benannten Anker und erstellen Sie dann einen Link zu dem benannten Anker.

Beispielcode

Definieren Sie die folgenden Ankerpunkte auf der HTML -Seite am entsprechenden Ort:

<a name = top> Hier ist der obere Teil </a>

<a name = content> Hier ist der Inhaltsteil </a>

<a name = foot> Dies ist der Fußteil </a>

(Sie können das ID -Attribut anstelle des Namensattributs verwenden, und genannte Anker sind ebenfalls gültig. [1])

Es gibt zwei Möglichkeiten, wie oben auf den Ankerpunkt zugreifen

Eine davon ist die Verwendung des Hyperlink -Tags <a> </a>, um Ankerlinks zu erstellen, die hauptsächlich für den Ankerzugriff auf der Seite verwendet werden.

<a href =#top> Klicken Sie auf mich, um mit Top </a> zu verlinken.

<a href =#content> Klicken Sie auf mich, um mit Inhalten zu verlinken </a>

<a href =#foot> Klicken Sie auf mich, um mit Fuß zu verlinken </a>

Eine andere Möglichkeit besteht darin, nach der Seitenadresse direkt Ankermarkierungen hinzuzufügen, die hauptsächlich für den Ankerpunktzugriff zwischen verschiedenen Seiten verwendet wird.

Wenn die Adresse dieser Seite http: // file path/index.html lautet, um auf den Fußanker zuzugreifen, greifen Sie einfach auf den folgenden Link zu.

http: // Dateipfad/index.html#foot

2.Was genau tut HTML Anchor?

In einfachen Worten, wenn Sie beispielsweise einen sehr langen Artikel in genauen Absätzen betrachten möchten, können Sie den Ankerpunkt verwenden.

Code:

<a href =#001> Überspringen Sie zu 001 </a>

... Text weggelassen

<a name = 001 id = 001>/a>

... Text weggelassen

Tatsächlich benötigt der Ankerpunkt nur Namen, und die ID wird hinzugefügt, um ihn kompatibler zu machen.

Der Wert von HREF muss mit Namen/ID übereinstimmen, und # muss vor ihm hinzugefügt werden. Der obige Code ist in IE6/7 und FF kompatibel, aber er kann nicht in IE8 erfolgen.

Da der Wert unseres Ankerpunkts leer ist, müssen wir nur einen Raum hinzufügen, um die Schönheit nicht zu beeinflussen.

Als folgender Code kann er mit IE8 kompatibel sein

<a href =#001> Überspringen Sie zu 001 </a>

... Text weggelassen

<a name = 001 id = 001> & ​​nbsp </a>

... Text weggelassen

Eine andere Frage: Was ist mit der Anzeige des Inhalts eines Ankerpunkts auf einer bestimmten Seite (z. B.: 123.html)?

Der Code ist wie folgt

<a href = 123.html#001> Überspringen Sie zu 001 </a>

... Text weggelassen

<a name = 001 id = 001> & ​​nbsp </a>

... Text weggelassen

Dies war gestern, als ich im Hintergrund arbeitete. Ich wollte die Positionierung ändern, also bewegte ich die Ankermarke (ich vergesse sie normalerweise).

Aber das Programm besagt, dass sie den Wert erhalten wollen, und sie müssen eine haben? oder und in der Verbindung, damit meine Ankerpunkte unvereinbar sind ...

hehe! In Zukunft wird es eine Lösung geben!

Obwohl es Probleme mit der Verankerungskompatibilität auf JSP -Seiten gibt, gibt es kein Problem auf statischen Seiten und es lohnt sich immer noch zu lernen!

3. In der Webentwicklung werden Seitenanker verwendet . HTML -Seitenanker werden verwendet, um mit einem Kapitel einer Seite zu verlinken. W3school sagt, dass das Erstellen von Anker das Attribut von <a> (Anchor) Tag und Namen verwendet, aber dies ist nicht die einzige Möglichkeit, einen Seitenanker zu erstellen. Lassen Sie uns kurz über zwei Möglichkeiten sprechen, um HTML -Seitenanker vorzunehmen.

Wir können das Online -Test -Tool von W3school zum Testen verwenden. Der Testcode nach dem Öffnen des Links verwendet <a href =#c4 ″> und <a name = c4 ″>, und es gibt kein Problem mit dem Test. Ändern Sie dann <H2> <a name = c4 ″> Kapitel 4 </a> </h2> zu <H2 ID = C4 ″> Kapitel 4 </H2> und dann ist der Effekt der gleiche.

Hinweis: Zusätzlich zur Verwendung des Attributs des Anchor -Tag -Namens können Sie auch das ID -Attribut zum Erstellen von Seitenankern verwenden. Der Wert des HREF -Attributs im Ankerpunkt <a> ist der Wert des Startpunkts # plus dem Namen oder der ID des Ziels:

Kopieren Sie den Code