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 の完全バックアップとクイックリカバリ方法
過去 15 日間のデータをバックアップするシンプルな MySQL 完全バックアップ スクリプト。バッ...
win10にmysql 8.0.18-winx64をインストールする詳細な手順
1. まず公式ウェブサイトにアクセスしてMySQLインストールパッケージをダウンロードします参考: ...
Linuxがすべてのコマンドをサポートしていない問題の解決策
Linux がすべてのコマンドをサポートしていない場合はどうすればいいですか?すべてのLinuxコマ...
aタグ疑似クラスの機能と記述順序は何ですか？
a タグ疑似クラスの役割: 「:link」: 訪問されていないタグの状態。 「:visited」: ...
HTML 9グリッドレイアウトの実装方法
ウェブサイトのレイアウトの多様化は、当社のフロントエンドの得意分野です。最近、UC ブラウザのデフォ...
ul リスト タグ デザイン ウェブ ページ 複数列レイアウト
数日前、CSS で 3 列レイアウトを書いていたときに、突然この方法を思いつきました。このアイデアは...
Vue の高度な構築プロパティの詳細な説明
目次1. ディレクティブカスタムディレクティブ2. ミックスイン3. 継承を拡張する4. 提供して注...
JavaScriptはオブジェクトの不要なプロパティを削除します
目次例方法1: 削除方法2: 分解補充する要約するThinking シリーズは、10 分で実用的なプ...
MySQL のグループ分けの例
mysql のような php switch case ステートメント。 xxフィールドを選択、ケース...
ネイティブ JS カプセル化 vue タブ切り替え効果
この記事の例では、ネイティブJSカプセル化vueタブ切り替えの具体的なコードを参考までに共有していま...
Web ページ WB.ExecWB 制御印刷メソッド呼び出しの説明とパラメータの紹介
WebページWB.ExecWB制御印刷方法コードをコピーコードは次のとおりです。 <テーブルの...
マウスを傾けた状態でのフリップナビゲーションの問題に関する研究
この記事では、マウス フリップナビゲーションの制作についてまだ疑問を持っている友人の役に立つことを期...
MySQLユーザーと権限管理の詳細な説明
この記事では、例を使用して MySQL ユーザーと権限の管理について説明します。ご参考までに、詳細は...
IE6 で PNG-24 形式の画像を正常に表示させる 2 つの方法
方法1: </html>の後に次のコードを追加してください。コードをコピーコードは次のと...
MySQL 8.0.22 zip圧縮パッケージ版（無料インストール）のダウンロード、インストール、および構成手順の詳細
目次最初のステップはMySQLをダウンロードすることですステップ2: ダウンロードした圧縮パッケージ...