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 メモリ リークのシナリオ、それらを詳細に監視および分析する方法
推薦する
インターフェース設計の10の一般的なルール
<br />これは私がずっと前に集めた記事です。皆さんの参考のために共有したいと思います...
高い同時実行性の下でNginxのパフォーマンスを最適化する方法をまとめます
目次特徴利点インストールとコマンド設定ファイルプロキシモードとリバースプロキシ構成フォワードプロキシ...
MySQL 文字列連結関数 GROUP_CONCAT の詳細な説明
前回の記事では、クロステーブル更新について書きました。自分が書いた SQL を見たとき、自分がバカみ...
CSS の高さの崩壊問題の解決
1. 崩壊度が高いドキュメント フローでは、親要素の高さはデフォルトで子要素によって拡張されます。つ...
Web デザイン リファレンス Firefox デフォルト スタイル
W3C は HTML の標準をいくつか確立していますが、ブラウザは独自の定義済みスタイルに従って W...
docker デプロイメントの実装手順 lnmp-wordpress
目次1. 実験環境2. Dockerソースをインストールする3. Dockerをインストールする4....
CSS3 カテゴリメニュー効果
CSS3 カテゴリ メニューの効果は次のとおりです。 html <html> <ヘ...
CentOS7.8 に mysql 8.0.20 をインストールするための詳細なチュートリアル
1. MySQLソフトウェアをインストールするMySQL 公式 Yum リポジトリ、MySQL バー...
JavaScript データ プロキシとイベントの詳細な分析
目次データブローカーとイベントObject.defineProperty メソッドのレビューデータブ...
httpsウェブサイトにリファラーhttpsとhttpジャンプリファラーを送信させる方法
この記事では、HTTP プロトコルのリファラーのメタデータ パラメータの提案について説明します。この...
InnoDB タイプの MySql によるテーブル構造とデータの復元
前提条件: データベースを復元するために必要な .frm ファイルと .ibd ファイルを保存します...
MySQL で結合を使用して SQL を最適化する方法の詳細な説明
0. 以下のテストに関連する表を準備する関連するテーブル作成ステートメントについては、https:/...
ネイティブ JS オブジェクト指向タイピング ゲーム
この記事では、JSオブジェクト指向タイピングゲームの具体的なコードを参考までに紹介します。具体的な内...
MySQL 5.7 共通データ型
——「MySQL in Simple Terms (第 2 版)」からのメモ数値型整数型バイト最小最...
Docker プライベートリポジトリの管理とローカルリポジトリ内のイメージの削除
1: Dockerプライベートウェアハウスのインストール1. イメージリポジトリからイメージをダウン...