リンク内の href=# はどういう意味ですか?

リンク内の href=# はどういう意味ですか?
現在のページへのリンク。
-------------------
一般的な使用法は次のとおりです
<a href="#" onclick="window.close()">閉じる</a>
現在のページにリンクするために href="#" を設定することは実際には意味がなく、ページは更新されません。重要なのは、それに続く onclick です。「閉じる」をクリックすると、window.close() コードが実行されます。

なぜ<a onclick="window.close()">Close</a>と書かないのかと疑問に思うかもしれません。
このように記述すると、「close」という 2 つの単語はハイパーリンクとして処理されず、効果が悪くなります。自分で試してみることもできます。 Web ページを作成するときに、HTML 言語のパラメータを使用してリンク URL を指定します。#### はこのページへのリンク、href="address" はアドレスへのリンクです。デフォルトのリンクはこのページであり、新しいウィンドウはポップアップ表示されません。空のリンクの場合、# を削除すると、マウスの手カーソルは表示されません。 簡単に言えば、これはこのページを指す偽のリンクです。# の後にアンカー ID を追加することもできます。これは実際にはブックマークを使用する別の方法です。

ブックマークを作成する<br />構文: <a name="ブックマーク名">テキスト</a>
同じページにリンクするブックマーク(使用)
構文: <a href="#ブックマーク名">リンクテキスト</a>
別のページにリンクするブックマークの構文は次のとおりです: <a href="リンク ファイル アドレス#ブックマーク名">リンク テキスト</a> (引用符と # に注意してください)

通常、リンク「<a href="#ブックマーク名">リンク テキスト</a>」をクリックすると、カーソルはこのページの「<a name="ブックマーク名">テキスト</a>」の位置に自動的にジャンプします。

ただし、ブックマーク名を記述せずに <a href="#">リンク テキスト</a> と記述すると、実際にはどこにもジャンプしません。通常、href="#" は <a onclick=""> の場合にのみ表示されます。
空のリンクとして扱ってください。リンク効果(マウスが小さな手に変わるなど)は表示されますが、ページジャンプはありません。

<<:  Dockerを使用して分散lnmpイメージを作成する

>>:  過去2年間のユーザーエクスペリエンス

推薦する

CSSの高さの崩壊問題についての簡単な説明

パフォーマンス例えば: HTML: <div class="first"&...

Reactはいくつかの方法でパラメータを渡します

目次親コンポーネントと子コンポーネント間でパラメータを渡すルーティングパラメータステータスの改善コン...

ネイティブ js はカスタム スクロール バー コンポーネントを実装します

この記事の例では、カスタムスクロールバーコンポーネントを実装するためのjsの具体的なコードを参考まで...

Windows 2016 Server セキュリティ設定

目次システムアップデート構成Windows Update サーバーの変更自動更新を有効にして許可する...

MySQLパスワードを変更するいくつかの方法

序文:データベースを日常的に使用すると、パスワードが単純すぎて変更する必要がある場合、パスワードの有...

画像の盗難を防ぐために Nginx で Referer を設定する方法

サーバーの画像が他のウェブサイトからホットリンクされると、サーバーの帯域幅とアクセス速度に影響します...

アプレットにおけるwx.getUserProfileインターフェースの具体的な使用

最近、WeChatミニプログラムは、監査ミニプログラムのwx.loginおよびwx.getUserI...

Reactのコンポーネント共同利用実装

目次ネスティング親子コンポーネント通信ブラザーコンポーネント通信撤回するReact の Linked...

Nginx におけるサーバーとロケーションのマッチングロジックの詳細な理解

サーバーマッチングロジックNginx は、リクエストを実行するサーバー ブロックを決定するときに、サ...

ネイティブ js が携帯電話のプルダウン更新を模倣

この記事では、携帯電話のプルダウンリフレッシュを模倣したjsの具体的なコードを参考までに共有します。...

js を使用してファイルが UTF-8 でエンコードされているかどうかを判断する方法

従来の解決策FileReader を使用して UTF-8 形式のファイルを読み取り、ファイルの内容に...

HTML+CSSプロジェクト開発経験概要(推奨)

ここ数日ブログを更新していませんでした。簡単な HTML+CSS プロジェクトを終えたところです。数...

Nginxでネットワーク分離を解決した実践記録を詳しく解説

必要最近、Node オンライン サービスを移行する必要があったため、2 つの新しいオンライン サーバ...

インデックスとテーブルリターンをカバーするMySQLの使い方

インデックスの2つの主要なカテゴリ使用されるストレージエンジン: MySQL 5.7 InnoDBク...

簡単な手順で純粋な CSS3 で 3D 反転効果を実現

フロントエンド開発者の必須科目であるCSS3は、多くの基本的なアニメーション効果を実現するのに役立ち...