リンク先指定

質問

ＨＰのリンク指定で、他のページの指定の位置に行くようにするには、どうしたらよろしいでしょうか。
HTML講座など見てみたのですが、よくわかりません。
（urlに#を付けて指定する事はわかりますが、#の設定の仕方がよくわかりません。）

例えば、この「OK Web」トップの、真ん中、
「▼カテゴリ」の位置に来るようにするとしたら、
どのようになるのでしょうか。

回答No.7

todo36

Javascriptで文字列を検索して飛ぶのは可能でしょう。

参考URL：

http://oshiete1.goo.ne.jp/kotaeru.php3?q=514712

回答No.6

arukamun

No.3のarukamunです。

＞ソースを見て、nameの部分があれば、それを#で付ければいい、という事でしょうか。
＞それが無ければダメ、という事ですね。
基本的に言えば、
<A NAME=～>
というアンカータグで指定されたNAMEだと思うのですが、他のタグのNAMEでもリンクが張れるかもしれません。
試しに、OK Webのソースを後ろから検索してみると、アンカーでは無いのですが、
<select name="goToKotaeru" ～
という所があったので、このNAMEにリンクして見たのが参考URLです。

参考URL：

http://www.okweb.ne.jp/index.php3#goToKotaeru

回答No.5

Bo_Bo

希望の動作は、アンカーの設定と、そのアンカーへのリンクで可能です。

■ アンカーの設定
（ページのURLを ｈｔｔｐ://www.foo.com/bar.html と仮定する）

　　　：　　　　↓これがアンカー
　<p><a name="anchor1" id="anchor1">今日のOK</a></p>
　　　：
　<p><a name="anchor2" id="anchor2">最新の質問</a></p>
　　　：
　<p><a name="anchor3" id="anchor3">カテゴリー一覧</a></p>
　　　：

　※ id="" はなくても良いです。
　※アンカーの要素は、1,2,3 でも、a,b,c でも良いですが、同一ページで
　　重複しない値を設定してください。

■ アンカーへリンク
（上記の「カテゴリー一覧」へジャンプしたい場合）

　● 同一ページ内でのリンク設定

　　<a href="#anchor3">「カテゴリー一覧」へジャンプ</a>
　　もしくは
　　<a href="bar.html#anchor3">「カテゴリー一覧」へジャンプ</a>

　● 外部ページへのリンク設定

　　<a href="ｈｔｔｐ://www.foo.com/bar.html#anchor3">
　　　「カテゴリー一覧」へジャンプ</a>

　※リンク先のページが自分のサイト内にあるのなら、完全パスを指定しなくて
　　も相対パスで指定出来ます。
　　例：
　　<a href="../bar.html#anchor3">「カテゴリー一覧」へジャンプ</a>

----
【注意】
　間違ってジャンプしないように http は全角で書いています。

お礼

有難うございました。

今回は、「他の人が作成されたページの中の途中に指定する方法」を探していました。（具体的には、ニュースサイトの一部の記事の所とか、ずらっと書かれた一覧表の中の目的の部分とか。）すみません。違う意味になると思わず、書き忘れました。

ただ、試しに、書いて下さった通りに、
別の件でリンク設定を作ってみましたら、ちゃんと出来ました。やはりこういうのは便利ですね。
自分の文字数の多いページなどには、アンカーを入れておこうと思いました。

回答No.4

the845t

自分が作成したページじゃない場合は無理です。

お礼

ソースを見て、nameがあれば、それは使えるという事でしょうか。

回答No.3

arukamun

こんにちは

<A HREF="xxx.html#aaa">～</A>
というリンクの事ですね。
この#aaaという所は、xxx.htmlの中で、
<A NAME="aaa">
というタグを書いてある位置にリンクしている事になります。

OK Webトップのソースを確認したんですが、▼カテゴリの所に<A NAME=～>というタグが入っていないので、ここに飛ぶようには出来ませんね。

お礼

有難うございました。
ソースを見て、nameの部分があれば、それを#で付ければいい、という事でしょうか。
それが無ければダメ、という事ですね。

回答No.2

nana_ko

ページ内リンクのことですね。
URLに#nameでリンクの指定まではわかってらっしゃるようなので、その先ですが、
リンクを飛ばしたい位置にnameという属性をつけます。
フレームページなどで<a href="a" name="a">とか言うようにtarget指定するためのnameつけますよね？
あれと同じです。
飛ばしたい位置にname="***"とつけて、http://URL/*.html#***という風にリンクを貼れば指定部分に飛ばすことができます。
fontなんかでも使えたと思います。
/* ex */
<font name="ここに名前">リンク張りたいとこの先頭</font>

お礼

HTML講座などをいろいろ読んでいたのですが、
確かに「nameをつける」と書かれていて、コレの意味がわからなかったのです。つける、ってどこに？って。

なんとなくわかりました。自分で作っているページに関して、という事でしょうか。
少しすっきりしました。今度やってみたいと思います。

今回は、「他の人が作成されたページの中の途中に指定する方法」を探していました。（具体的には、ニュースサイトの一部の記事の所とか、ずらっと書かれた一覧表の中の目的の部分とか。）
すみません。違う意味になると思わず、書き忘れました。

回答No.1

Ulu_lun

nameというタグが必要になります
飛びたい場所に「<A name="kate">▼カテゴリ</A>」
と書きます（"kate"の中は一意になる任意の名称）
そして「<A href="#3">▼カテゴリ</A>」と記述すれ
ば良いのです。

わからなかったら補足で質問ください。

補足

早速有難うございました。
"#3"の「3」は何の数字でしょうか？
「飛びたい場所に」というのは、「行く場所」という事ですよね。そこが、自分が作成したページでない場合は、どのように出来ますでしょうか。