So verwenden Sie das Name-Attribut und das ID-Attribut des A-Tags, um innerhalb der Seite zu springen

So verwenden Sie das Name-Attribut und das ID-Attribut des A-Tags, um innerhalb der Seite zu springen
Früher wusste ich nur, wie ich zum Springen das Name-Attribut des A-Tags verwenden kann, aber heute habe ich gelernt, dass ich auch die ID verwenden kann.
Ich weiß nicht, ob es einen anderen Weg gibt. Der Name kann mehrfach wiederholt werden, die ID kann jedoch nur einmal verwendet werden. Wenn Sie den Standard nicht einhalten möchten, können Sie ihn natürlich mehrmals verwenden.
Die Demo sieht wie folgt aus:

Code kopieren
Der Code lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=utf-8" />
<title>Demo - Innerhalb der Seite springen</title>
<style type="text/css">
.div1{Höhe:400px;Hintergrund:grau}
</Stil>
</Kopf>
<Text>
<a href="#jump1">Demonstration des Seitensprungs 1 – Ein Tag href="#jump1"</a><br _fcksavedurl=""#jump1">Demonstration des Seitensprungs 1 – Ein Tag href="#jump1"</a><br" /><a href="#jump2">Demonstration des Seitensprungs 2 – Ein Tag href="#jump2"</a>
<div Klasse="div1"></div>
<p id="jump1">Seitensprungdemonstration 1——Jedes Tag id="jump1"</a>
<div Klasse="div1"></div>
<a name="jump2">Demonstration 1 für Sprünge innerhalb der Seite – Ein Tag name="jump2"</a>
<div Klasse="div1"></div>
</body>
</html>

<<:  CSS implementiert den Texteingabefeldstil von Google Material Design (empfohlen)

>>:  K3s-Erste-Schritte-Handbuch - Detailliertes Tutorial zum Ausführen von K3s in Docker

Artikel empfehlen

So umgehen Sie unbekannte Feldnamen in MySQL

Vorwort Dieser Artikel stellt die fünfte Frage vo...

Implementierung der CentOS8.0-Netzwerkkonfiguration

1. Unterschiede in der Netzwerkkonfiguration zwis...

Erkennung und Lösung von Vue.$set-Fehlerfallen

Ich habe zufällig festgestellt, dass Vue.$set im ...

Löschen Sie den Image-Vorgang von „none“ in Docker-Images

Da ich normalerweise den Befehl „Docker Build“ ve...

Miniprogramm zur Implementierung einer kreisförmigen Text-Scrolling-Animation

In diesem Artikel wird der spezifische Code des A...

Wie können die Transaktionseigenschaften von MySQL InnoDB sichergestellt werden?

Vorwort Wenn Sie jemand fragt: „Was sind die Merk...

Prototyp und Prototypenkette Prototyp und Protodetails

Inhaltsverzeichnis 1. Prototyp 2. Prototypenkette...

Detaillierte Erläuterung des Zahlungsfunktionscodes des Vue-Projekts

1. Alipay-Methode: Alipay-Methode: Klicken Sie zu...

So verwenden Sie CURRENT_TIMESTAMP in MySQL

Inhaltsverzeichnis Verwendung von CURRENT_TIMESTA...

Javascript Frontend Optimierungscode

Inhaltsverzeichnis Optimierung der if-Beurteilung...