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 における DOM 要素のスクロールバースクロール制御の詳細な説明

dom要素に新しい子要素を追加し、新しく追加された新しい要素がコンテナーのスコープを超えた場合は、次...

Expressはログイン認証を実装

この記事では、ログイン認証を実装するためのExpressの具体的なコードを例として紹介します。具体的...

VueでTypeScriptを使用する方法

導入近年、TypeScript を求める声がますます高まり、TypeScript はフロントエンドに...

49 個の JavaScript のヒントとコツ

目次1. js整数の演算2. ネイティブアラートを書き換えてポップアップボックスの数を記録する3. ...

UbuntuでMySQLデータベースファイルディレクトリを変更する方法

序文同社の Ubuntu サーバーは、さまざまなシステムのディレクトリを異なる論理パーティションに配...

CSS により、子コンテナが親要素を超えます (子コンテナは親コンテナ内で浮動します)

序文場合によっては、次の図のような浮動効果の要件が必要になります。 成し遂げる標準的な通常の状況では...

Dockerコンテナレイヤーの概念の詳細な説明

目次01 コンテナの一貫性02 レイヤーの概念03 レイヤードデザインの利点今日はコンテナ レイヤー...

Expressプロジェクトファイルディレクトリの説明と詳細な機能の説明

app.js: スタートアップファイル、またはエントリファイルpackage.json: プロジェク...

垂直グリッドと漸進的な行間隔の例

新しい質問急いで来て、急いで行ってください。 「垂直グリッドとプログレッシブ行間隔 (パート 1)」...

Dockerコンテナを使用してプロキシ転送とデータバックアップを実装する方法

序文アプリケーションを Docker コンテナとしてサーバーにデプロイする場合、通常はネットワークと...

Tomcat マルチレイヤーコンテナの設計に関する簡単な説明

目次コンテナ階層サーブレットの検索を要求するプロセス仕組みTomcat のコンテナは Servlet...

Windows7 での Mysql5.7 my.ini ファイルの読み込みパスとデータの場所の変更方法

更新: MySQL の公式 Web サイトにアクセスして MySQL インストーラーをインストールし...

MySQLのネクストキーロックのロック範囲についての簡単な説明

序文ある日、突然 MySQL の次のキー ロックについて尋ねられ、私の即座の反応は次のようなものでし...

Dockerでrabbitmqをデプロイする際に発生した2つの問題

1. 背景DockerでRabbitMQをデプロイする際に、次の2つの問題が発生します。問題1: ス...