別ページ途中部分へのリンクについて

[tk14]

遷移についてのご質問です。別のページの途中部分へリンクさせる方法をお聞きしたいです。

検索したところコード編集にて「id="　"」等を利用する方法がヒットしたのですが、恥ずかしながらコードの知識がなく、コード編集画面上のどこに挿入すれば良いのかがわかりません。

こちらについてご教示いただきたいです。

また、現状では遷移先対象箇所を右クリックして「選択箇所へのリンクをコピー」よりURLを貼り付けているのですが、実際に遷移した先で選択箇所が変色してしまいます。これを防ぐ方法も併せて教えていただければ幸いです！

ご説明不足しておりましたらお知らせくださいませ。

何卒よろしくお願いいたします。

[株式会社フルバランス]

Tk14　様

はじめまして、フルバランスの道家と申します。

ご質問確認いたしました。

別ページへのリンクの仕方は、こちらのページの解説がわかりやすいかと思います。

https://www.tagindex.com/html_tag/link/a_url_id.html

以下の上記URLからの抜粋になります。

リンク元（出発点）

example1.html

<a href="example2.html#abc">ABCの位置へジャンプ</a>

リンク先（到達点）

example2.html

<h3 id="abc">ここがABCの位置</h3>

上記のような形で、出発点を

<a href="{遷移したいページ}#{設定したID"></a>

到達点を

<h3 id="{設定したID}"></h3>

とすればよいかと思います。(h3タグでなくても動作します。)

idを設定したい場所は、chrome devtoolsのelementsで該当要素を探していただければと思います。

https://qiita.com/sasao3/items/8ae62bc64fed7913d1b1

なにかヒントになれば幸いです。

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

フルバランス　道家

[tk14]

フルバランス

道家様

ご連絡ありがとうございます！

おかげさまでid設置並びに遷移設定が叶いました。

ただ、この方法でも遷移後id設定箇所が変色する（紫に網がかかる）のですが、こちらについては修正できないものなのでしょうか。

ご質問を重ね申し訳ございませんがご教示いただけますと幸いです。

何卒よろしくお願いいたします。