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 メモリ リークのシナリオ、それらを詳細に監視および分析する方法
推薦する
HTML外部参照CSSファイルが効果を発揮しない理由の分析と解決
フロントエンドの初心者として、私は数日間フロントエンドをいじってみました。 。今日、私は自分が固く信...
MySQL ストレージ エンジン MyISAM と InnoDB の違いの概要
1. MySQLのデフォルトストレージエンジンの変更MySQL 5.1 より前のバージョンでは、デフ...
JavaScript を使用してページ要素のオフセットを取得/計算する方法
質問コントロールをクリックすると、コントロールの下にフローティング レイヤーが表示されます。通常の方...
Vue3 における ref と reactive の詳細な説明と拡張
目次1. 参照と反応1. 反応的2.参照2. shallowRef と shallowReactiv...
ファイルのアップロードの進行状況を示す React の例
目次React アップロードファイル表示の進行状況デモフロントエンドにReactアプリケーションを素...
Vue コード強調プラグインの総合的な比較と評価
目次総合的な比較アクティブの観点から機能的な観点から詳細な比較1. エース2. コードミラー3. モ...
JavaScript配列の組み込みメソッドの詳細な説明
目次1. Array.at() 2. Array.copyWithin() 3. 配列.entrie...
Tencent Cloudでhive3.1.2を構築する方法を教えます
環境の準備操作を開始する前に、hadoop バージョンがインストールされていることを確認してください...
vue-element-admin グローバル読み込み待機中
最近の要件:グローバルロード、すべてのインターフェースはロード待機機能を表示するかどうかを手動で制御...
主キーを追加または変更するMySQL SQL文操作
テーブルフィールドを追加する テーブルtable1を変更し、トランザクタvarchar(10)をNu...
dockerfile-maven-plugin 使用ガイドの概要
目次pom 構成Setting.xml 構成ログインステータスログインが必要ですログインは必要ありま...
CentOS 6.4 MySQL 5.7.18 のインストールと設定方法のグラフィックチュートリアル
Centos6.4 で mysql5.7.18 をインストールするための具体的な手順が全員に共有され...
CentOS に MySQL をインストールしてリモート アクセスを設定する方法
1. MySQLリポジトリソースをダウンロードする$ wget http://repo.mysql....
Vue で配列パラメータを渡すための get / delete メソッド
フロントエンドとバックエンドがやり取りする場合、get または delete を介してバックエンドに...
Vue の新しいおもちゃ VueUse の具体的な使い方
目次序文VueUseとは使いやすいおなじみの手ぶれ補正やスロットル機能もありますグローバル状態を共有...