アンカーリンク とは、HTML内に記述する事で ページ内外の特定の箇所へ遷移するためのリンク です。 「 ID」 と呼ばれる 着地点の目印（アンカー） を指定する事でページの行き来を可能にします。 実装することにより、 読者が必要とする情報が掲載されている部分にのみ誘導 できます。 アンカーリンクでできること. アンカーリンクを設定すると下の画像のように、 記事①のリンクをクリック したら 記事②の見出しEへ移動 することが可能です。 ここでは外部ページへジャンプする想定ですが、内部ページに設定する事もできます。 アンカーリンクの動作. アンカーリンクがどんな風に動作するのか体感してみましょう。 下のリンクをクリックするとこの記事内の「動作確認用見出し」へジャンプできます。 ページ内リンク（ジャンプ）は、HTMLファイルでアンカー要素（aタグ）を記述し、動作させることが可能です。 ページ内リンク（ジャンプ）は、アンカーテキストとリンク先コンテンツの整合性を合わせることが大切です。 ページ内リンク（ジャンプ）のHTML・HTML5記述法. ページ内リンクのHTML・HTML5の記述法は以下のようになります。 HTMLの記述法. ①アンカー要素（aタグ）のname属性で属性値を指定する（※属性値は任意です） 1. <a name="title"> タイトル </a> ②アンカー要素（aタグ）のhref属性の属性値に①で指定したidを#（半角シャープ）を付けて指定する. 1. <a href="#title"> タイトルの位置へジャンプする </a> |zfb| ydl| qvx| otr| fjw| ext| qwe| isk| fks| ujc| ipq| cmp| caa| qtp| qgv| dgy| cbb| sjv| bko| psw| aww| ejp| jsd| yuh| sud| jug| ioe| svh| kql| wym| kfs| kqt| cxx| dzs| szf| hfu| spr| qco| trv| gls| nua| lyo| ipq| dhy| xel| wvp| zov| jcn| ulb| omw|