ホームページ  >  記事  >  ウェブフロントエンド  >  HTML でアンカーの位置を設定する一般的な方法

HTML でアンカーの位置を設定する一般的な方法

高洛峰
高洛峰オリジナル
2017-03-02 14:57:451918ブラウズ

私は HTML でアンカーの位置を設定する方法、ID 位置、名前位置、JS 位置を使用する方法をいくつか知っています。これらの方法は以下で参照できます。 私は HTML でアンカーの位置を設定するいくつかの方法を知っているので、ここで共有したいと思います:

1. ID の位置を使用します:

コードは次のとおりです:

<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>


この種の位置を配置できます。どのタグでも。

2. name の配置を使用する:
コードは次のとおりです:

<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>


name 属性を使用すると、a タグのみを配置できますが、p などの他のタグを配置することはできません。

3. js の位置決めを使用します

コードは次のとおりです:

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


HTML でアンカーの位置を設定する一般的な方法と関連記事については、PHP の中国語 Web サイトに注目してください。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。