HTMLでアンカーの位置を設定するためのいくつかの一般的な方法
|
HTML でアンカーの位置を設定する方法はいくつかあるので、ここで紹介します。 1. ID ポジショニングを使用する: コードをコピー コードは次のとおりです。<a href="#1F" name="1F">アンカーポイント 1</a> <div 名="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> </div> この配置はどのラベルでも対象にできます。 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></br></br></br></br></br></br></br> <a name="5F">1111111</href> name 属性は a タグを見つけるためにのみ使用できますが、div などの他のタグを見つけるためには使用できません。 3. jsポジショニングを使用する コードをコピー コードは次のとおりです。<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li> |
<<: CSS における @ の使用法の概要 (例と説明付き)
>>: Docker Composeオーケストレーションツールの詳細な説明
推薦する
Linux DMAインターフェースの知識ポイントの詳細な説明
1. 2種類のDMAマッピング1.1. 一貫性のあるDMAマッピング主に長期間使用されるエリアをマッ...
CSS スタッキングと Z インデックスのサンプルコード
カスケードとカスケードレベルHTML 要素は 3 次元の概念です。水平方向と垂直方向に加えて、「Z ...
dl、dt、dd リスト ラベルの例
dd タグと dt タグはリストに使用されます。通常は <ul><li> タ...
フロントエンド開発者は毎日HTMLタグの理解を学ばなければならない（1）
2.1 セマンティクス化により、Webページが検索エンジンに理解されやすくなりますこの章では、We...
VMware15 centos7 ブリッジモード ssh に突然アクセスできなくなる問題を解決する
仮想マシンに独自の LAN IP を持たせたいので、テストを容易にするためにブリッジを使用します。 ...
Vue3+TypeScriptは再帰メニューコンポーネントの完全な例を実装します
目次序文必要成し遂げる最初のレンダリングメニュー項目をクリックしますスタイルの区別デフォルトのハイラ...
jQueryは記事の折りたたみと展開の機能を実装します
この記事の例では、記事の折りたたみと展開の機能を実現するためのjQueryの具体的なコードを参考まで...
Jenkins Docker 静的エージェント ノードのビルド プロセス
静的ノードはマシン上に固定されており、いくつかの固定コマンドを通じて起動されます。動的ノードには複数...
XMLとCSSスタイルの組み合わせ
学生.xml <?xml バージョン="1.0" エンコーディング=&qu...
JSはクリックドロップ効果を実装します
jsはクリックとドロップの特殊効果を実現します。まずは効果画像を見てみましょうさっそく始めましょう。...
Windows10 mysql 8.0.12 非インストール版 設定 起動方法
この記事では、MySQL 8.0.12のインストールされていないバージョンを設定して起動するための具...
MySQL UPDATE ステートメントの非標準実装コード
今日は、MySQL データベースと SQL 標準 (および他のデータベース) の UPDATE ステ...
mysql8.0.11 winx64 手動インストールと設定チュートリアル
まず、私の日常生活についてお話しします。MySQLの急速なアップデートにより、MySQLはバージョン...
MySQL での一時テーブルの使用例
ここ2日間ちょっと忙しくて、公式アカウントも数日更新が止まってしまいました。その結果、何人かの読者か...
JSは画像の滝の流れの効果を実現します
この記事では、画像ウォーターフォールフローを実現するためのJSの具体的なコードを参考までに共有します...