2011年9月22日木曜日

ページ内へのアンカー設置方法

FAQをページを作成していて、ページを1ページで完結させたかったので、
上段に質問内容を
1.~10.項目
下段に回答内容
1.~10.回答

その際、1.の質問に対しての回答先へのリンクを張り方を簡単にまとめました。

ページ内ジャンプの意味1
ページが長いページの場合などは、ページ内のある部分へ直接飛ぶことのできるリンクや、
スクロールして下までさがったページを一番上まで戻るのに便利です。

まずは、ジャンプ先に目印(アンカー名)を作り、その目印に向けてジャンプします。
目印(アンカー)を作る
今回の場合は、回答部分に設置します。
まずは、リンク先に目印(アンカー)を作ります。
<a name="アンカー名">文字</a>


ページ内アンカーへのリンクを設置
今回は、質問項目に設置しました。
<a href="#アンカー名">文字</a> というように使用します。

<参考までに>
また、別ページへのファイルのアンカーへのリンクは以下のようにします。
<a href="ファイル名アンカー名">文字</a>

0 件のコメント:

コメントを投稿