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

Gängige Methoden zum Festlegen der Ankerpositionierung in HTML

高洛峰
高洛峰Original
2017-03-02 14:57:451919Durchsuche

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>


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>


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>


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


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