Heim > Web-Frontend > HTML-Tutorial > Wie stelle ich die Ankerpositionierung in HTML ein? Zusammenfassung der Positionierungsmethoden für Ankerpunkte

Wie stelle ich die Ankerpositionierung in HTML ein? Zusammenfassung der Positionierungsmethoden für Ankerpunkte

云罗郡主
Freigeben: 2018-10-09 17:10:43
nach vorne
6211 Leute haben es durchsucht

Bei vielen HTML-Codes kommt es zu einer Ankerpositionierung. Wie legt man also die Ankerpositionierung in HTML fest? Fassen wir zusammen: Welche Methoden gibt es zum Festlegen der Ankerpositionierung in HTML? Und fassen Sie die Methoden zum Festlegen der Ankerpositionierung in HTML zusammen.

Ich kenne mehrere Möglichkeiten, die Ankerpositionierung in HTML festzulegen, und ich möchte sie mit Ihnen teilen:

1. Verwenden Sie die ID-Positionierung:

Der Code lautet wie folgt :

<a href="#1F" name="1F">锚点1</a> 
<p name="1F"> 
<p> 
11111111111 
</br> 
11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br>11111111111 
</br> 
</p> 
</p>
Nach dem Login kopieren

Diese Art der Positionierung kann auf jedes beliebige Tag ausgerichtet werden.

2. Namenspositionierung verwenden:

Der Code lautet wie folgt:

<a href="#5F">锚点5</a> 
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
<a name="5F">1111111</href>
Nach dem Login kopieren

Die Verwendung des Namensattributs kann nur zur Positionierung des a-Tags verwendet werden, nicht jedoch Andere Tags wie p spielen eine Positionierungsrolle.

3. Verwenden Sie die JS-Positionierung

Der Code lautet wie folgt:

<li class="" onclick="javascript:document.getElementById(&#39;here&#39;).scrollIntoView()"></li>
Nach dem Login kopieren

Wie stellt man die Ankerpositionierung in HTML ein? Eine umfassende Einführung in die Positionierungsmethoden für Ankerpunkte. Wenn Sie mehr über HTML-Tutorials erfahren möchten, lesen Sie bitte PHP-Schulung zum Gemeinwohl.

Das obige ist der detaillierte Inhalt vonWie stelle ich die Ankerpositionierung in HTML ein? Zusammenfassung der Positionierungsmethoden für Ankerpunkte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:jb51.net
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage