■これができたら一味違う！リンクを使いこなしてみよう！

スポンサードリンク

■これができたら一味違う！リンクを使いこなしてみよう！

リンクの基本的な使い方については、かなり前に説明しましたが、リンクには､もっと違った使い方もできます。

これが使えると、ブログのレベルが少し上がります。

Seesaaブログ にはもう登録した？

普通は､リンクというのは､別のページにジャンプしていくものですね。

例えば私の今日のランキングは､何位？

こんな感じですね。

今回説明するのは､「同じページ内でリンクを貼る方法」及び「他のページの途中にジャンプさせる方法」です。

これは、どういうときに使うのかそれは、例えばページ上部にインデックスを作ってそのインデックスをクリックすると該当部分までジャンプするというものです。

また、同じページだけでなく他のページへのジャンプの時も使えます。

普通は、ページの一番上にジャンプするのが普通ですが、この設定をすると、該当部分まで一気にジャンプさせる事ができます。

具体的に体感してもらった方が、分かりやすいと思うので、こちらのページで体感してきてください。

このページは､CSSの説明をしているページなんですが､上部やや下にインデックスを表示しています。

そこをクリックしてみてください。

すると該当部分までジャンプします。

そして、同じページでなく以下に示すような感じでも使えます。

CSSのプロパティ「ﾎﾞｰﾀﾞｰ(枠線)に関する物」です。

どうでしたか？

これが、便利だなと思った方は､以下に説明を書いていきますので､参考にして下さい。

これをするためには､2つの手順が必要です。

■まず、同じページ内でリンクを貼る方法です。

1. まず、文章の中で自分がジャンプさせたいところに
   
   <a name="任意のアンカー名"></a>
   
   を挿入する必要があります。
   
   これは、ページには表示されません。
   
   アンカー名には､好きな半角英数を使ってください。
2. <a href="#先ほど設定した任意のアンカー名">自分がリンクを貼りたい場所に､自分がリンクを貼りたい文章を書きます。</a>

■次に、別のページの途中にリンクを貼る方法です。

手順は､先ほど同様に２つです。

少し違うのは、2番で

<a href="#先ほど設定した任意のアンカー名">自分がリンクを貼りたい場所に､自分がリンクを貼りたい文章を書きます。</a>

にするのではなく、以下のようにします。

<a href="リンクを貼りたいページのURL#先ほど設定した任意のアンカー名">自分がリンクを貼りたい場所に､自分がリンクを貼りたい文章を書きます。</a>

やり方が分からない方は､具体的に質問されてください。

その際は､名前に自分のリンクを貼るのを忘れずにお願いします。

ランキングには､他にも情報満載です！

■これができたら一味違う！リンクを使いこなしてみよう！

ブログは読むだけでも楽しいですが、自分で作るともっと楽しくなること間違いなし。登録はこちらから簡単にできます→→ Seesaaブログ

スポンサードリンク

最後まで、読んで頂いてありがとうございます。お気に入りに追加してくれたら嬉しいです。
→→

RSSをRSSリーダーに登録しても便利だと思います。