Anker und Seitensprünge in HTML-HTML-Tutorial-php.cn

Anker und Seitensprünge in HTML

yulia

Freigeben： 2018-09-10 15:48:15

Original

2193 Leute haben es durchsucht

1. Ankereinstellung für den Sprung innerhalb der Seite
Das Springen innerhalb der Seite erfordert zwei Schritte:
Methode 1:
①: Einen Ankerlink setzenSuchen Sie nach Katzen; (Hinweis: Fügen Sie # am Anfang des Attributwerts des href-Attributs hinzu)
②: Setzen Sie den Ankerpunkt an der erforderlichen Position auf der Seite; (Hinweis: Ein Namensattribut muss in das a-Tag geschrieben werden und der Attributwert muss mit dem href-Attributwert in ① identisch sein, ohne # hinzuzufügen.) Geben Sie den erforderlichen Text ein Tag nach Bedarf, Schreiben Sie im Allgemeinen keinen Inhalt
Methode 2:
①: Gleich wie Methode 1①
②: Legen Sie die Position des Ankerpunkts fest

Meow Star Base< /h3>; Fügen Sie der Beschriftung der Position, zu der Sie springen möchten, ein ID-Attribut hinzu. Der Attributwert ist derselbe wie der href-Attributwert in ①, ohne dass #
hinzugefügt werden muss Ein Tag, um den Ankerpunkt nur an der erforderlichen Position festzulegen. Fügen Sie dem Tag einfach eine ID hinzu.

Kleiner Fall:

<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>萌宠集结号</title>
</head>
<body>
<ul>
<li><a href="#miao">去找喵星人</a></li>
<li><a href="#wang">去找汪星人</a></li>
<li><a href="#meng">其他萌物</a></li>
</ul>
<a name="miao"></a><!--设置锚点方法1-->
<h3 id="miao">喵星人基地</h3><!--设置锚点方法2-->
<p>喵喵喵~</p>
<p>喵喵喵~</p>
<p>喵喵喵~</p>
<p>喵喵喵~</p>
<p>喵喵喵~</p>
<p>喵喵喵~</p>
<a name="wang"></a>
<p>汪汪汪~</p>
<p>汪汪汪~</p>
<p>汪汪汪~</p>
<p>汪汪汪~</p>
<p>汪汪汪~</p>
<p>汪汪汪~</p>
<a name="meng"></a>
<p>萌萌萌~</p>
<p>萌萌萌~</p>
<p>萌萌萌~</p>
<p>萌萌萌~</p>
<p>萌萌萌~</p>
<p>萌萌萌~</p>
</body>
</html>

Nach dem Login kopieren

2. Seitenübergreifender Sprung

①: Setzen Sie den Ankerlink und hängen Sie ihn nach dem Pfad in href an: # + Ankernamen, Sie können
wie zum Beispiel: zur Seite „Cute Pet Collection Account“ springen
②: Springen Sie zu So legen Sie fest Ankerpunkt auf der Seite, siehe Schritt ② für die Methode. Wählen Sie eine der beiden Methoden.

Das obige ist der detaillierte Inhalt vonAnker und Seitensprünge in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!