スタッフブログStaffblog

新入社員の立原です。

本日はHTMLの、ページ内の特定の位置までジャンプする方法をご紹介します。

同じページ内と別ページの特定の場所にジャンプするのとでは少々内容が異なります。

【同じページ内のジャンプ】

同じページ内の場合は、着地地点にid要素で名前をつけ、飛び地点にaタグのhrefにその名前を＃をつけ、設定します。

例）着地地点→< p id="ex">ここにジャンプします< /p>

例）飛び地点→< a href="#ex">ここからジャンプします< /a>

【別ページへのジャンプ】

別ページの場合は、飛び先のページディレクトリを記載し、そのあとにidの名前を＃でつけ、設定します。

例）着地地点→< p id="ex">ここにジャンプします< /p>

例）飛び地点→< a href="test.html#ex">ここからジャンプします< /a>