Heim > Artikel > Web-Frontend > So legen Sie einen Ankerpunkt in HTML fest
So legen Sie einen Ankerpunkt in HTML fest
- 藏色散人Original
- 2021-05-25 10:56:1724863Durchsuche
So setzen Sie Ankerpunkte in HTML: 1. Setzen Sie einen Ankerlink „0a9b0e264ddbf322cec2bf7d1441f351...5db79b134e9f6b82c0b36e0489ee08ed“; Seite; 3. Hängen Sie „#+Ankername“ nach dem Pfad in href an.
Die Betriebsumgebung dieses Artikels: Windows 7-System, HTML5-Version, DELL G3-Computer.
Ankerpunkt in HTML zwei Schritte:
- Methode 1:
①: Setzen Sie einen Ankerlink 0a9b0e264ddbf322cec2bf7d1441f351 (Hinweis: Fügen Sie # am Anfang des Attributwerts des href-Attributs hinzu )
②: Legen Sie den Ankerpunkt 90dde8fa6ab21c20f2955ffc174843c05db79b134e9f6b82c0b36e0489ee08ed fest (Hinweis: Ein Namensattribut muss in das a-Tag geschrieben werden und der Attributwert muss mit dem href identisch sein in ① Der Attributwert ist derselbe, ohne # hinzuzufügen. Geben Sie den erforderlichen Text in die Beschriftung ein. Im Allgemeinen wird kein Inhalt geschrieben.
Methode 2:
①: ①
②: Legen Sie die Position des Ankerpunkts fest & lt; h3 ID = "miao">Meow Star Base39528cedfa926ea0c01e69ef5b2ea9b0; Fügen Sie der Beschriftung des Ortes, zu dem Sie springen möchten, ein ID-Attribut hinzu. Der Attributwert ist derselbe wie der href-Attributwert in ① Beim Hinzufügen von #
bei Methode 2 muss kein separates Tag hinzugefügt werden, um den Ankerpunkt gezielt festzulegen. Fügen Sie dem Tag einfach an der erforderlichen Stelle 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>
Seitensprung
①: Ankerlink festlegen, anhängen: #+Ankername nach dem Pfad in href, Sie können
- Zum Beispiel: a6b06e7ca19c1539e7a8370137028153Zur Cute Pets Collection-Kontoseite springen5db79b134e9f6b82c0b36e0489ee08ed
②: Legen Sie den Ankerpunkt auf der Seite fest, zu der Sie springen möchten. Die Methode finden Sie in Schritt ②. Wählen Sie eine von zwei Methoden.
Empfohlenes Lernen: „
“
Das obige ist der detaillierte Inhalt vonSo legen Sie einen Ankerpunkt in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!