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

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

云罗郡主
リリース: 2018-10-09 17:10:43
転載
6211 人が閲覧しました

多くの 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 までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート