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

CentOS 7.x Docker verwendet die Overlay2-Speichermethode

Bearbeiten Sie /etc/docker/daemon.json und fügen ...

Implementierung der Formularübermittlung in HTML

Formularübermittlungscode 1. Quellcode-Analyse &l...

Analyse des Unterschieds zwischen Emits und Attrs in Vue3

Inhaltsverzeichnis abschließend Praxisanalyse Erw...

Fallstudie zur Übermittlung von HTML-Formularen

Um die Methode zur Formularübermittlung zusammenz...

Node.js versendet E-Mails basierend auf dem STMP-Protokoll und dem EWS-Protokoll

Inhaltsverzeichnis 1 Node.js-Methode zum Senden v...

So bereinigen Sie Ihre Docker-Daten vollständig

Inhaltsverzeichnis Regelmäßig beschneiden Spiegel...

Reines CSS, um den Listen-Pulldown-Effekt auf der Seite zu erzielen

Möglicherweise sehen Sie häufig den folgenden Eff...

js-Methode zum Löschen eines Felds in einem Objekt

Dieser Artikel stellt hauptsächlich die Implement...

19 MySQL-Optimierungsmethoden im Datenbankmanagement

Nach der MySQL-Datenbankoptimierung kann nicht nu...