HTML でのアンカータグの使用例の共有

HTML でのアンカータグの使用例の共有
アンカータグの使用法:
同じドキュメント内の特定の場所にリンクすることをアンカー リンクと呼びます。
アンカーを使用する方法は、ターゲットの場所を選択し、<a> タグの name 属性の値によって決定される位置決めタグを作成することです。

アンカータグ名。形式は次のとおりです。
<a name="アンカータグ名">
name 属性は、名前付きアンカーを作成するために使用されます。名前付きアンカーを使用すると、ページに直接ジャンプするポインターを作成できます。

記事の内容を特定の部分にリンクできるため、読者は必要な部分を見つけるためにスクロールする必要がありません。
名前付きアンカーを作成するための構文は次のとおりです。
<a name="label">表示するテキスト</a>
name 属性は、名前付きアンカーを作成するために使用されます。アンカー名には任意のテキストを付けることができます。
次の行は名前付きアンカーを定義します。
<a name="tips">役立つヒントセクション</a>

次に、Web ページの任意の場所にこのターゲット タグへのリンクを作成します。タイトルに作成されるリンク アドレス名は、先頭に「#」記号が付いた、配置タグ名と同じである必要があります。形式は次のとおりです。
<a href="#ロケータータグ名">
名前付きアンカーは通常のリンクと同じように表示されます。
「ハイライト」セクションに直接リンクするには、通常、次のように、要求された URL の末尾に # 記号とアンカー名を追加する必要があります。
<a href="Jump'>http://www.w3schools.com/html_links.asp#tips">役立つヒントのセクションへジャンプ</a>

ファイル「html_links.asp」内 (ページ内) で使用できるアンカー リンクの構文は次のとおりです。
役立つヒントセクションへジャンプ

テキストの説明を読むのは面倒です。123WORDPRESS.COM のユーザー全員に簡単な例を示します。


ヒント: 実行前にコードの一部を変更することができます

それをページにコピーして、動作するかどうか試してみてください。

<<:  Docker Alibaba Cloud RocketMQ 4.5.1 のデプロイプロセスの詳細な説明

>>:  デザイン理論:フォントデザインの基礎

推薦する

HTML フォーム送信アクションと URL ジャンプアクションの違い

フォームのアクションは URL ジャンプとは異なります。フォームはバックグラウンドにデータを渡すこと...

MySQL データをエクスポートおよびインポートするための HeidiSQL ツール

場合によっては、SQL へのデータのエクスポートとインポートを容易にするために、特定のツールを使用し...

光るテキストとちょっとしたJS特殊効果を実現するCSS

実装のアイデア: CSSでtext-shadowを使用してテキストの光る効果を実現します効果画像: ...

TypeScript デコレータ定義

目次1. コンセプト1.1 定義1.2 デコレータファクトリー1.3 デコレータの組み合わせ1.4 ...

CSSで記事の区切り線のスタイルを実装するさまざまな方法のまとめ

この記事では、CSS で記事の区切り線を実装するさまざまな方法をまとめています。区切り線はページを美...

リアクトルーティングガード(ルーティングインターセプション)の実装

React は Vue とは異なります。ルートにメタ文字を設定することでルートインターセプションを実...

MySQLは1億のテストデータを素早く挿入します

目次1. テーブルを作成する1.1 テストテーブルt_userを作成する1.2 一時テーブルの作成2...

MySQL で 2 つのデータベース テーブル構造を比較する方法

開発およびデバッグのプロセスでは、新しいコードと古いコードの違いを比較する必要があります。比較には、...

HTMLにスクリプトを追加する2つの方法と注意点

HTML に <script> スクリプトを追加する方法: 1. HTMLにJavaSc...

Docker で MySQL 接続と設定ファイルの最大数を変更する

1. MySQLイメージを見つける ドッカーps 2. ミラーmysqlイメージを入力する dock...

VUEはFlappy Birdゲームのサンプルコードを実装します

Flappy Bird は、誰もがアプリでプレイしたことがある非常にシンプルな小さなゲームです。ここ...

Vueはシンプルな計算機能を実装します

この記事では、参考までに、簡単な計算機機能を実現するためのVueの具体的なコードを紹介します。具体的...

js の hasOwnProperty のプロパティとインスタンスの使用法の詳細な説明

1. js は hasOwnProperty が不正に占有されることから保護しません。オブジェクトに...

MySQLトリガーはPHPプロジェクトで情報のバックアップ、復元、クリアに使用されます。

例: PHP バックグラウンド コードを通じて、従業員情報を削除したり、削除した従業員情報を復元した...

JavaScriptのプロトタイプオブジェクトを徹底的に理解しましょう

目次1. プロトタイプとは何ですか? 1.1 関数プロトタイプオブジェクト1.2 コンストラクタを使...