ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLでアンカーの位置を設定するにはどうすればよいですか?アンカーポイントの位置決め方法の設定まとめ

HTMLでアンカーの位置を設定するにはどうすればよいですか?アンカーポイントの位置決め方法の設定まとめ

云罗郡主
云罗郡主転載
2018-10-09 14:11:116174ブラウズ

多くの HTML ではアンカーの位置が使用されますが、HTML でアンカーの位置を設定するにはどうすればよいでしょうか? HTMLでアンカーの位置を設定する方法にはどのようなものがあるのか​​をまとめてみましょう。そしてhtmlでアンカーの位置を設定する方法をまとめます。

私は 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. 名前の配置を使用します:

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

<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 でアンカーの位置を設定する方法です。アンカー ポイントの配置方法の設定に関する包括的な紹介。HTML チュートリアルについて詳しく知りたい場合は、phpphilanthropic training に注目してください。

以上がHTMLでアンカーの位置を設定するにはどうすればよいですか?アンカーポイントの位置決め方法の設定まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はjb51.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。