Heim > Artikel > Web-Frontend > So implementieren Sie einen Intra-Page-Sprung in HTML
So implementieren Sie einen Intra-Page-Sprung in HTML
- coldplay.xixiOriginal
- 2021-04-27 16:27:0412504Durchsuche
So implementieren Sie einen Intra-Page-Sprung in HTML: 1. Verwenden Sie den Standard-Link-Anker. 2. href zeigt auf eine bestimmte ID. Der Code lautet [4deb9c0f68e6d4d097f85109839e8825Hyperlink
Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5-Version, DELL G3-Computer.
So implementieren Sie einen Intra-Page-Sprung in HTML:
1. Verwenden Sie den Standard-Link-Anker.
Der einfachste Weg besteht darin, einfach einen Hyperlink hinzuzufügen und den Wert des href-Attributs des Hyperlinks auf „#top“ zu setzen. . Kann die Funktion der Rückkehr nach oben realisieren.
<a href="#top"> 超链接 </a>
2. Der href zeigt auf eine bestimmte ID
Verwenden Sie in den vorhandenen Tags auf der Seite den href der „Zurück zum Anfang“-Verbindung, um auf den Tag mit dem id-Attribut oben zu verweisen, um die Funktion von zu erreichen Rückkehr nach oben. Diese Methode erfordert ein Tag mit einem ID-Attribut im Tag oben auf der Seite, um nach oben zu zeigen. Auch individuelle Ergänzungen sind möglich.
<body id="bh-page">
...
<a href="#bh-page">
超链接
</a>
</body>3. Benutzerdefinierte Link-Anker verwenden
Diese Methode besteht darin, benutzerdefinierte Link-Anker zu verwenden. Sie müssen den Anker definieren und dann einen Hyperlink verwenden, um auf den Anker zu verweisen.
Diese Methode ähnelt eigentlich der zweiten Methode, außer dass ein zusätzlicher Link-Anker definiert werden muss.
<a name="gohere"></a>//定义一个超链接，跳转到这个，可以没有文字 ..... <a href="#gohere"> 超链接 </a>
Verwandte Lernempfehlungen: HTML-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo implementieren Sie einen Intra-Page-Sprung in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!