...“ 2. Setzen Sie den Ankerpunkt an der gewünschten Position auf der Seite die href Hängen Sie einfach „#+Ankername“ nach dem Pfad an."/> ...“ 2. Setzen Sie den Ankerpunkt an der gewünschten Position auf der Seite die href Hängen Sie einfach „#+Ankername“ nach dem Pfad an.">

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:1724915Durchsuche

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.

So legen Sie einen Ankerpunkt in HTML fest

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: „
HTML-Video-Tutorial

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:So verlinken Sie HTML-BilderNächster Artikel:So verlinken Sie HTML-Bilder