プロのクリエイターがホームページの作成や運用ノウハウについて無料公開!

ホームページTIPS
facebook twitter mail

このサイトでは、ホームページ制作運用に関する各種の情報を無料公開しています。
内容についてのご意見・ご指摘については、フォームからお知らせいただけば、適宜変更させていただきます。

html.cssに関するTips

2017.10.3更新

ページ内の特定箇所にリンクを貼る方法

Attention!

ページ内の特定の位置にリンクを貼る方法についてご紹介します。

1設定方法は以下の通りです
(リンク元) <a href="URL#ラベル"> ~ </a>

(リンク先) <a id="ラベル"> ~ </a>

(リンク先) <a name="ラベル"> ~ </a>     // id指定で動かない場合、name属性で動く場合もあります。

上記のようにリンク先の要素にidを指定することで、ページ内の特定部分にジャンプさせることができます。ジャンプさせたい場所に、<a>タグにidを指定し適当な名前をつけます。wordpressのパーマリンクを指定している場合も「id」を指定すればOKです。ブラウザの仕様などによって、もしidを指定しても上手く動かない場合には、name属性を指定することで起動する場合もあります(例:name=”適当な名前”)。

2間違いやすいミス。こんな場合には起動しないので注意!
//#ラベルの最後に「/」がある場合には上手く動作しません。

(これは動作しません) <a href="sample_url.html#ラベル/"> ~ </a>    

(これは動作しません) <a href="sample#ラベル/"> ~ </a>


トップへ