Heim > Web-Frontend > HTML-Tutorial > Gängige Methoden zum Festlegen der Ankerpositionierung in HTML

Gängige Methoden zum Festlegen der Ankerpositionierung in HTML

高洛峰
Freigeben: 2017-03-02 14:57:45
Original
1954 Leute haben es durchsucht

Ich kenne mehrere Möglichkeiten, die Ankerpositionierung in HTML festzulegen, die ID-Positionierung, die Namenspositionierung und die JS-Positionierung. Sie können sich auf diese Methoden unten beziehen. Ich kenne mehrere Möglichkeiten, die Ankerpositionierung in HTML festzulegen, und ich möchte sie hier 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. aber nicht andere Tags wie p Es kann keine Positionierungsrolle spielen.

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


Bezieht sich eher auf gängige Methoden zum Festlegen der Ankerpositionierung in html Bitte beachten Sie die PHP-Chinese-Website für Artikel!


Verwandte Etiketten:
Quelle:php.cn
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