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 メモリ リークのシナリオ、それらを詳細に監視および分析する方法
推薦する
コンテンツウェブページの画像プレビューのデザイン
<br />以前、「コンテンツページ番号のプレビューナビゲーション」と「写真プレビューナ...
CSS マルチカラムレイアウトソリューション
1. 固定幅+適応型期待される効果: 左側は固定幅、右側は適応幅 共通コード: html: <...
SQLシリアル番号取得コード例
この記事は主にSQLシリアル番号取得コード例を紹介します。記事ではサンプルコードを詳細に紹介しており...
dockerネットワーク双方向接続の詳細な説明
Dockerネットワークを見るdocker ネットワーク ls [root@master ~]# d...
XHTMLはHTMLのいくつかの廃止された要素を使用しなくなりました
CSS ウェブページレイアウトを行う場合、XHTML1.0 仕様に準拠する必要があることは誰もが知っ...
MySQL SQL 最適化チュートリアル: IN クエリと RANGE クエリ
まず、in() クエリについて説明します。 「High Performance MySQL」では、イ...
グリッド共通レイアウトの実装
両側に隙間なし、各列間に隙間あり 幅: 100%; 表示: グリッド; グリッドテンプレート列: r...
MySQL のインデックスにおける NULL の影響についての詳細な説明
序文私は多くのブログを読み、弊社の DBA を含む多くの人々が、MySql では列に null が含...
Dockerコンテナのホスト間通信におけるダイレクトルーティングの詳細な説明
概要Docker 自体の現在のデフォルト ネットワークについては、単一ホスト上の異なる Docker...
DockerのIDEA構成プロセス
IDEA は Java で最も一般的に使用されている開発ツールであり、Docker は最も人気のある...
Ubuntu で apt-get を使用して mysql をインストールおよび完全にアンインストールする方法の詳細な説明
1. mysqlをインストールします。 udo apt-getでmysql-serverをインストー...
CSSで半透明の背景色を実現する2つの方法について簡単に説明します。
ページをレイアウトする際、ユーザーに異なる視覚効果を与えるために、div の背景色を半透明の状態に設...
床スクロール効果を実現する js
この記事ではjQueryを使用して、階段のスライド効果を実装し、フロアをスクロールし、フロアボタンを...
nginx proxy_cache バッチキャッシュクリアスクリプトの紹介
前書き: 以前、公式の nginx proxy_cache を CDN 静的キャッシュとして使用して...
ショートカットアイコンとアイコンコードの違いの紹介
ステートメント 1: <link rel="shortcut icon" ...