aタグのname属性とid属性を使用してページ内を移動する方法
|
以前はaタグのname属性を使ってジャンプする方法しか知らなかったのですが、idも使えることを今日知りました。 他に方法があるかどうかは分かりません。名前は複数回繰り返すことができますが、ID は 1 回しか使用できません。もちろん、標準に従うつもりがない場合は、複数回使用することもできます。 デモは次のとおりです。 コードをコピー コードは次のとおりです。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=utf-8" /> <title>デモ - ページ内を移動</title> <スタイル タイプ="text/css"> .div1{高さ:400px;背景:グレー} </スタイル> </head> <本文> <a href="#jump1">ページ内ジャンプのデモンストレーション 1——A タグ href="#jump1"</a><br _fcksavedurl=""#jump1">ページ内ジャンプのデモンストレーション 1——A タグ href="#jump1"</a><br" /><a href="#jump2">ページ内ジャンプのデモンストレーション 2——A タグ href="#jump2"</a> <div class="div1"></div> <p id="jump1">ページジャンプのデモンストレーション 1——任意のタグ id="jump1"</a> <div class="div1"></div> <a name="jump2">ページ内ジャンプのデモンストレーション 1——タグ name="jump2"</a> <div class="div1"></div> </本文> </html> |
<<: CSS は Google マテリアル デザインのテキスト入力ボックス スタイルを実装します (推奨)
>>: js メモリ リークのシナリオ、それらを詳細に監視および分析する方法
推薦する
MySQL カーソルの概念と使用法の詳細な説明
この記事では、例を使用して MySQL カーソルの概念と使用方法を説明します。ご参考までに、詳細は以...
フロントエンドのパフォーマンス最適化を学習するための準備として、HTML ページのレンダリング プロセスを理解する (続き)
昨夜、ブラウザのレンダリングプロセスに関するエッセイを書きましたが、小さなコードで説明しただけでした...
HTML に埋め込まれた Flash HTML ウェブページ コードに Flash ファイルを埋め込むソリューション (パート 1)
中国の習慣では、旧暦の1月15日より前に新年を祝います。ここで、庭にいる友人たちに新年の幸せを祈りた...
Alibaba Cloud で MySQL リモート接続を構成するための詳細な手順
序文ご存知のとおり、デフォルトでは、Alibaba Cloud にインストールされている MySQL...
MySQL btree インデックスとハッシュ インデックスの違い
MySQL では、ほとんどのインデックス (PRIMARY KEY、UNIQUE、INDEX、FUL...
Linux サーバーのクイックアンインストールとノード環境のインストール (簡単に始められます)
1.まずnpmをアンインストールする sudo npm アンインストール npm -g 2. ノー...
CSS の歪んだ影の実装コード
この記事では、CSS ワープ シャドウの実装コードを紹介し、皆さんと共有します。詳細は以下の通りです...
VMware Workstation 14 Pro（仮想マシン）にシステムをインストールする方法の詳細な説明
この記事では、VMware Workstation 14 Pro (仮想マシン) にシステムをインス...
MySQL の binlog_format モードと設定の詳細な分析
MySQL レプリケーションには、SQL ステートメント ベースのレプリケーション (SBR)、行ベ...
Dockerコンテナでアプリケーションサービスを自動的に起動する方法の例
コンテナの起動時に Docker コンテナ内のアプリケーション サービスを自動的に起動する場合。 D...
MySQL 8.x msi バージョンのインストール チュートリアル (画像とテキスト付き)
1. MySQLをダウンロードする公式サイトのダウンロードアドレス https://dev.mys...
Vue の自動書式設定の改行保存の詳細な説明
ネットで変更方法をいろいろ調べたのですが、うまくいきませんでした。後で大物から見て削除しました。フォ...
ボタンをクリックしてテキストを入力ボックスに変換し、保存をクリックしてテキスト実装コードに変換します。
ボタンをクリックしてテキストを入力ボックスに変換し、保存をクリックしてテキスト実装コードに変換します...
Vueは水平の斜めの棒グラフを実装します
この記事では、水平傾斜棒グラフを実装するためのVueの具体的なコードを参考までに共有します。具体的な...
JavaScript の navigator.userAgent がブラウザ情報を取得するケースの説明
ブラウザはおそらく私たちにとって最も馴染みのあるツールです。 Firefox、Opera、Safar...