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

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

高洛峰
リリース: 2017-03-02 14:57:45
オリジナル
1954 人が閲覧しました

私は 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 サイトに注目してください。


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート