English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML-Grundlagen-Tutorial

HTML Media

HTML Reference Manual

HTML5 Grundlagen-Tutorial

HTML5 API

HTML5 Medium

HTML-Anker

Wenn der Inhalt einer HTML-Seite sehr lang ist, kann es für den Benutzer beim Browsen der Seite unangenehm sein, z.B. wenn er nach dem Scrollen zum Ende der Seite zurück zum Anfang springen möchte, dann kann er nur die Scrollleiste zum Anfang ziehen (oder die Seite neu laden, aber diese Methode bietet ein schlechtes Erlebnis), eine bessere Methode ist es, Ankerpunkte zu setzen, um dieses Problem zu lösen und interne oder interseitige Sprünge zu realisieren

Beispiel-Demonstration des Ankers

<!DOCTYPE html><html><head>
　　　　<meta charset="UTF-8">
　　　　<title>Grund教程(oldtoolbag.com), Anchor-Einstellung</title></head><body>
　　　　　<a href="#bottom" name="top">Zum Ende</a>
　　　　<div style="height:　5000px;　width:　300px;　background-color:　#123">Hier wird gezeigt, wie man zu der Oberseite und zur Unterseite der Seite springt</div>
　　　　<a href="#top" name="bottom">Zurück zum Anfang</a></body></html>
Testen Sie es heraus ‹/›

Wie man einen Ankerpunkt einstellt

(Eins)、Methode zur Einstellung der internen Seite-Übersprung eins:

  1. Einen Ankerpunkt-Link setzen <a href="#miao">Suche nach Katzen</a>；（Hinweis: Der Wert des href-Attributs muss vorangestellt werden mit #）

  2. Ankerpunkt im erforderlichen Positionierungsbereich der Seite einrichten <a name="miao"></a>；（Hinweis: Ein name-Attribut muss im a-Tag geschrieben werden, dessen Wert mit dem Attributwert in [1] des href-Attributwerts übereinstimmt, ohne #）, und füllen Sie im Bedarfsfall die entsprechenden Texte im Tag aus, normalerweise wird kein Inhalt geschrieben。

(Zwei)、Methode zur Einstellung der internen Seite-Übersprung2：

  1. Einen Ankerpunkt-Link setzen <a href="#miao">Suche nach Katzen</a>；（Hinweis: Der Wert des href-Attributs muss vorangestellt werden mit #）

  2. Ankerpunkt-Einstellungsposition <h4 id="miao">Miau-Weltbasis</h4>; Fügen Sie eine id-Eigenschaft hinzu, deren Wert mit dem href-Attributwert in ① übereinstimmt, ohne # 　

　 　 Hinweis: Methode zwei erfordert keine separate a-Tag-Einrichtung zur spezifischen Ankerpunkt-Einstellung, sondern nur die hinzufügen eines ids im erforderlichen Positionierungs-Tag.

<!DOCTYPE html><html><head>
　　　　<meta charset="UTF-8">
　　　　<title>Anchor-Demonstration<-Grund教程oldtoolbag.com</title>
</head>
<body>
　　　　<ul>
　　　　　　　　<li><a href="#miao">Suche nach Katzen</a></li>
　　　　　　　　<li><a href="#wang">Suche nach Hunden</a></li>
　　　　　　　　<li><a href="#meng">Andere süße Kreaturen</a></li>
　　　　</ul>
　　　　<a name="miao"></a><!--Ankerpunkt-Einstellungs methode1-->
　　　　<h3　id="miao">Miau-Weltbasis</h3><!--Ankerpunkt-Einstellungs methode2-->
　　　　<p>Miau Miau Miau~</p>
　　　　<p>Miau Miau Miau~</p>
　　　　<p>Miau Miau Miau~</p>
　　　　<p>Miau Miau Miau~</p>
　　　　<p>Miau Miau Miau~</p>
　　　　<p>Miau Miau Miau~</p>
　　　　
　　　　<a name="wang"></a>
　　　　<p>Wuff Wuff Wuff~</p>
　　　　<p>Wuff Wuff Wuff~</p>
　　　　<p>Wuff Wuff Wuff~</p>
　　　　<p>Wuff Wuff Wuff~</p>
　　　　<p>Wuff Wuff Wuff~</p>
　　　　<p>Wuff Wuff Wuff~</p>
　　　　<a name="meng"></a>
　　　　<p>Meine Meine Meine~</p>
　　　　<p>Meine Meine Meine~</p>
　　　　<p>Meine Meine Meine~</p>
　　　　<p>Meine Meine Meine~</p>
　　　　<p>Meine Meine Meine~</p>
　　　　<p>Meine Meine Meine~</p>
</body>
</html>
Testen Sie es heraus ‹/›
HTML-Video（Video）WiedergabeHTML-Links