こんにちはsaiです。
前職でHP作成を行っていた時期がありました。その段階でページの途中にリンクを貼りたいと思うときがあります。簡単ですので、そのやり方を記載いたします。私は良くこの方法を使って作成していました。
同じページ内でリンク作成
<a id=”123″></a>
<a href=”#123″>ここをクリック</a>
「ここをクリック」を押下するとid 123まで飛んで行きます。
別ページ内ならURLを記載しリンクを作成
<a id=”456″></a>
<a href=”http://tabinin.com/test.html#123″>ここをクリック</a>
「ここをクリック」を押下するとhttp://tabinin.com/test.htmlのid 456まで飛んで行きます。
では試してみましょう！
ここをクリック ← <a href=”#123″>ここをクリック</a>のソースを書いてます。
↓
↓
↓
↓
↓
↓
↓
ここまで飛ばす ← ここに<a id=”123″></a>のソースを書いてます。
このように指定した場所へ飛んで行けます。idの名前は例として123としましたが自由に変更可能です。HP作成では必ずといって良いほど使われます。任意にあそこへ飛ばしたいと思う時は<a id=”123″></a>の例のようなソースを入れとけばそこへ飛んで行きます。
参考になれば幸いです。
※例でページ内でリンクを貼っていますがここのページは右下に一番上に戻るボタンがあり速さをjavascriptで指定しています（800ミリ秒）その為例のリンクが移動するスピードも800ミリ秒と遅く感じます。
リンクは本来は一瞬で移動します。ご了承下さい。
Leave a Reply