Was ist ein HTML5-Ankerpunkt?

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 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 die folgenden Ankerpunkte an geeigneten Stellen in der HTML-Seite:

tbody>

这里是TOP部分	点击我链接到TOP
这里是CONTENT部分	点击我链接到CONTENT
这里是FOOT部分	点击我链接到FOOT
（您可以使用 id 属性来替代 name 属性，命名锚同样有效。[1]） 对于如上锚点的访问有两种方法 一种是利用超链接标签制作锚点链接，主要用于页面内的锚点访问	另一种方式是直接在页面地址后面加锚点标记，主要用于不同页面之间的锚点访问 假如本页面的地址是http://文件路径/index.html，要访问foot锚点只要访问如下链接即可 http://文件路径/index.html#foot

Dies ist der obere Teil

Klicken Sie auf meinen Link zu TOP

Dies ist der INHALT-Teil

Klicken Sie auf meinen Link to CONTENT

Hier ist der FOOT-Teil

Klicken Sie auf mich, um zu FOOT zu verlinken

(Sie Das ID-Attribut kann anstelle des Namensattributs verwendet werden, und benannte Anker sind ebenfalls gültig. [1]) Es gibt zwei Methoden für den Zugriff auf die oben genannten AnkerpunkteEine besteht darin, den Hyperlink-Tag zu verwenden, der hauptsächlich für den Ankerzugriff innerhalb verwendet wird die Seite.

Eine andere Möglichkeit besteht darin, direkt nach der Seitenadresse ein Ankertag hinzuzufügen, das hauptsächlich für den Ankerzugriff zwischen verschiedenen Seiten verwendet wirdWenn die Adresse dieser Seite http ist :/ /Dateipfad/index.html, um auf den Fußanker zuzugreifen, greifen Sie einfach auf den folgenden Link zu: http://Dateipfad/index.html#foot

2.html Wozu genau dient der Ankerpunkt?
Vereinfacht ausgedrückt: Wenn Sie beispielsweise einen 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 den 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 an der „Positionierung“ arbeiten wollte. , 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 beim 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 nach dem Öffnen des Links verwendet 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 Anker-Tag ist der Wert, der mit # beginnt, plus dem Namen oder der ID des Ziels:

Der Code lautet wie folgt:

; Seitenankermethode eins > ;Seitenanker-Methode zwei

Methode eins

;p>Verwenden Sie die href- und name-Attribute des Anker-Tags.

Methode 2

;/p>

Das obige ist der detaillierte Inhalt vonWas ist ein HTML5-Ankerpunkt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!