ページ内リンク

HOMEへ
HOMEホームページ作り > ページ内リンク

ホームページ作り−ページ内リンク

ページの内部に印を付けて、そこに移動する。

ページ内リンク

ここでは、ページ内の特定の場所にリンクする方法について解説します。 これは特に縦長のページでよく用いられます。

ページ内にリンクを張る場合は、まずリンクしたい位置に印を付けます。 この印をアンカーと呼びます。 船の「錨」の意味です。 アンカーを付けるのは、<a name="アンカー名"></a>を該当部分に記入します。 間に文字を挟む必要はありません。 リンクする時には「#(半角シャープ)+アンカー名」と書き記します。

ページ内リンクの場合はサイドパネルからリンクタグを入力できないので、 手書きになります。 ツールボタンのリンク リンクドロップダウンメニュー(下図)にリンクという部分があるので、 そこから入力してください。 同じくドロップダウンのアンカーをクリックすると <a name=""></a>を入力できます。

リンクボタンのドロップダウン
<a name="top"></a>

ページ本文…

<a href="#top">ページトップへ</a>

このページに下の方に「ページトップへ」というリンクがあります。 これはページ先頭にアンカー(アンカー名「top」)を設定しておき、 ページ下部から一気に先頭に戻れるようにしています。 上記のHTMLソースがそれです。

別ページのアンカーにジャンプしたい場合は、 相対パス+#+アンカー名になります。

<a href="../index.html#cnt">INDEXへ</a>

この場合は、index.htmlの「cnt」というアンカー名が付いた場所にジャンプします。 アンカー名は半角英数字で自由に決めることが出来ます。

ページの途中に印を付けるのは<a name="アンカー名"></a>。
アンカーにジャンプするには<a href="#アンカー名"></a>。
別ページのアンカーに飛ぶには<a href="相対パス+#アンカー名"></a>

ページトップへ

前へ  INDEXへ  次へ