Einführung in die Verwendung von Ankerpunkten (benannte Anker) bei der Erstellung von HTML-Webseiten_HTML/Xhtml_Webseiten

Die folgenden Informationen wurden aus dem Internet zusammengestellt

1. Ankerpunkt ist eine Art Hyperlink in der Webseitenproduktion, auch benannter Anker . Ein benannter Anker ist ein Hyperlink innerhalb einer Seite, ähnlich einer Schnellsuche, und wird recht häufig verwendet.
Englischer Name: Anker
Verwenden Sie benannte Anker, um Tags im Dokument festzulegen. Diese Tags werden normalerweise an einem bestimmten Thema oder oben im Dokument platziert. Anschließend können Links zu diesen benannten Ankern erstellt werden, die Besucher schnell zum angegebenen Ort führen.
Das Erstellen eines Links zu einem benannten Anker ist ein zweistufiger Prozess. Erstellen Sie zunächst einen benannten Anker und dann einen Link zum benannten Anker.

Beispielcode

Definieren Sie den folgenden Ankerpunkt an der entsprechenden Position in der HTML-Seite:
Hier ist der TOP-Bereich
Dies ist der INHALT-Teil
Dies ist der FOOT-Teil
(Sie können das id-Attribut anstelle des name-Attributs verwenden, und benannte Anker sind ebenfalls gültig. [1])
Es gibt zwei Methoden für den Zugriff auf die oben genannten Ankerpunkte
Eine besteht darin, das Hyperlink-Tag zu verwenden Ankerlinks erstellen, die hauptsächlich für den Ankerzugriff innerhalb der Seite verwendet werden
Klicken Sie auf meinen Link zu TOP href="# content">Klicken Sie auf mich, um einen Link zu CONTENT zu erstellen.
Klicken Sie auf mich, um einen Link zu FOOT hinzuzufügen direkt nach der Seitenadresse Anker-Tags werden hauptsächlich für den Ankerzugriff zwischen verschiedenen Seiten verwendet
Wenn die Adresse dieser Seite http://file path/index.html lautet, greifen Sie einfach auf den folgenden Link zu, um auf den Fußanker zuzugreifen
http ://File path/index.html#foot


2.html Wozu genau dient der Ankerpunkt?
Vereinfacht ausgedrückt: Wenn Sie beispielsweise einen sehr langen Artikel segmentweise genau lesen möchten, können Sie Ankerpunkte verwenden.
Code:
Springe zu 001
...Text weggelassen

... Text weggelassen

Tatsächlich benötigt der Ankerpunkt nur einen Namen und die ID wird hinzugefügt, um ihn kompatibler zu machen
href Der Wert muss mit dem Namen i d übereinstimmen und „#“ muss vorangestellt werden. Der obige Code ist mit ie6/7, ff kompatibel, jedoch nicht mit ie8.
Da der -Wert unseres Ankerpunkts leer ist, können wir einfach ein Leerzeichen hinzufügen, um die Ästhetik nicht zu beeinträchtigen

Der folgende Code ist mit IE8 kompatibel
< ;a href="#001">Springe zu 001...Text weggelassen
/a>
...Text weggelassen

Noch eine Frage: Möchten Sie einen bestimmten Ankerinhalt einer bestimmten Seite anzeigen (z. B. 123.html)?

Der Code lautet wie folgt
Springe zu 001
... Text weggelassen
& n b s p ... text weggelassen

Das war gestern, als ich am Hintergrund gearbeitet habe. , also habe ich das Ankerzeichen verschoben (normalerweise vergesse ich es).
Aber das Programm sagte, dass die Verbindung ein „?“ oder „&“ enthalten muss, damit mein Ankerpunkt nicht kompatibel ist ...
Haha! Es wird in Zukunft eine Lösung geben!
Obwohl es bei JSP-Seiten ein Problem mit der Ankerpunktkompatibilität gibt, gibt es bei statischen Seiten kein Problem und es lohnt sich trotzdem, es zu lernen!


3. Bei der WEB-Entwicklung wird der Seitenanker
verwendet. HTML-Seitenanker werden verwendet, um auf einen Abschnitt einer Seite zu verlinken. Laut W3School werden zum Erstellen von Ankern das Tag und das Namensattribut verwendet. Dies ist jedoch nicht die einzige Möglichkeit, Seitenanker zu erstellen. Lassen Sie uns kurz über zwei Möglichkeiten sprechen, HTML-Seitenanker zu erstellen.

Zum Testen können wir das Online-Testtool von W3School verwenden. Der Testcode verwendet nach dem Öffnen des Links und , und im Test gibt es kein Problem. Ändern Sie dann „

Beachten Sie, dass Sie beim Erstellen eines Seitenankers zusätzlich zur Verwendung des Namensattributs des Ankertags auch das ID-Attribut verwenden können. Der Wert des href-Attributs im Anchor-Tag ist der Wert, der mit # beginnt, plus dem Namen oder der ID des Ziels:





Copy code

Der Code lautet wie folgt:

;/p>

Seitenankermethode zwei a name="method1">Methode 1Verwenden Sie die href- und name-Attribute des Anker-Tags

Methode 2

Anker-Tag und ID-Attribut verwenden