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

Beispielcode für den Song-Fortschrittsbalken in Vue

Informationen zum grundlegenden Konfigurationstutorial der kostenlosen Installationsversion von MySQL5.7.17 unter Win10 (mit Bildern und Text)

Datenbankanwendungen sind ein unverzichtbarer Bes...

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

Beispielcode für den Song-Fortschrittsbalken in Vue

Einige Schlussfolgerungen zur Gestaltung von Portal-Website-Fokusbildern

Detaillierte Analyse der MySQL-Sperrblockierung

Was ist em? Einführung und Konvertierungsmethode von em und px

So lösen Sie das Problem verstümmelter chinesischer Zeichen beim Einfügen von Tabellendaten in MySQL

Benutzerdefiniertes JavaScript-Plug-In zum Implementieren der Tab-Umschaltfunktion

Sehr detaillierte JavaScript-Implementierung eines Webseiten-Karussells

Mysql praktische Übungen einfaches Bibliotheksverwaltungssystem

Vue implementiert horizontal abgeschrägtes Balkendiagramm

Prinzip und Anwendung der MySQL-Verbindungsabfrage

Artikel empfehlen

Verschieben Sie die MySQL-Datenbank unter Windows auf eine andere Festplatte

Optimierungsanalyse der Limit-Abfrage in MySQL-Optimierungstechniken

Zusammenfassung der allgemeinen Funktionen und Verwendungsmethoden der WeChat-Applet-Entwicklung

Informationen zum grundlegenden Konfigurationstutorial der kostenlosen Installationsversion von MySQL5.7.17 unter Win10 (mit Bildern und Text)

Eine vorläufige Studie zum Vue-Unit-Testing

Detaillierte Analyse der Verwendungs- und Anwendungsszenarien von Slots in Vue

So installieren Sie Docker unter Windows 10 Home Edition

Top 10 Js Bildverarbeitungsbibliotheken

Holen Sie sich die IP und den Hostnamen aller Hosts auf Zabbix

MySQL lernen, Datenbanken und Tabellen-DDL zu erstellen und zu bedienen für Anfänger

Analyse der Lösung für das Problem der gemeinsamen Nutzung von Nginx-Sitzungen

Wie CSS die Zeit des weißen Bildschirms während des ersten Ladens beeinflusst

Detailliertes Tutorial zur Installation des ElasticSearch:7.8.0-Clusters mit Docker

Detaillierte Erläuterung der MySQL-Optimierung für Schreibprobleme im großen Maßstab

Eine kurze Diskussion zum Implementierungsprinzip des Vue-Slots