5分で読める！【HTML】同じページの指定の場所へ移動する方法

 
本日のテーマは

同じページの特定箇所へ移動する方法についてです！

実装方法

<a href="#Sample">Sample</a>

<div id="Sample">Sample</div>

まずはa要素でリンクを作ります。

要素内でリンクの移動を先を指定します。

指定の仕方は「#」をつけて「＃」の後に任意の名前をつけましょう。

次に移動先の要素を作ります。

移動先の要素にid属性をつけましょう。

※name属性でもリンクの移動はできるそうですが、

id属性が一般的に推奨されてるそうです。

そしてid属性の属性値として、

a要素で指定した任意の名前を指定しましょう。

ちなみに、移動先の要素はdiv要素だけでなく

p要素やa要素など色々な要素を指定できます。