AページからBページの指定したところに移動

[新着] Webテンプレートを仮オープンしました



0   名前: R.A : 2007/03/16(金) 20:45  ID:1sy1gKqa sub-t1
何度も質問してすいません。初心者ですがよろしくお願いします。
今回困っているのは、ページ内の指定した場所への移動です。
といっても、指定した場所にページ内で移動させるのは大体わかったのですが、
別ページからページの指定したところに移動させるということです。
例えば、ページの一番上をA、真ん中をB、一番下をCとしたときに、
別ページからBやCなどに飛ばすことはできるのでしょうか。
タグを教えてくだされば幸いです。

1   名前: Z ◆XTzyosZXcL : 2007/03/16(金) 20:45  ID:vJSduAD1 sub-Cl
 A要素でアンカーをそれぞれの場所(一番上、真ん中、一番下)に何らかの形で(たとえば見出し(H1〜H6要素)に)指定し、他文書から指定したアンカーを参照してあげればお望みのことはできると思います(一部のUAでうまくいかない場合もあるようですが)。

参考・ハイパーリンクを提供する:
http://www.kanzaki.com/docs/html/htminfo12.html

参考・ハイパーテキストとリンク - 仕様書に見るHTML:
http://www.kanzaki.com/works/2001/pub/wsd02.html

2   名前:  : 2007/03/16(金) 20:45  ID:5x4b7hsR sub-/A
タグA
<a href="URL#キーワード">文字</a>
タグB
<a name="キーワード"></a>
リンク元に タグAを貼ります。次にリンク先にタグBを貼ります。

これで、リンクをクリックすることにより、リンク元からリンク先の指定した場所にリンクさせる事ができます。

「キーワード」は何でもよく、好きな文字を入れてください。
タグAには、キーワードの最初に「#」を忘れないでください。
タグAとタグB のキーワードは同じにしてください


3   名前: Z ◆XTzyosZXcL : 2007/03/16(金) 20:45  ID:vJSduAD1 sub-Cl
>>2
 アンカー(錨)が空っぽでは、UAによっては目標を見失ってしまう可能性があります。

参考:
http://htmllint.itc.keio.ac.jp/htmllint/explain.html#empty-container

 マークアップは「ある文書のある部分がある意味づけをされていることが”機械にも分かるように”行う」ものです。「何もない」ところにわざわざ「機械だけのために」要素をおくことはお奨めしません。

HTMLとは:
http://www.kanzaki.com/docs/html/htminfo10.html
http://members.jcom.home.ne.jp/jintrick/Personal/markup.html

その他参考:
http://www.mars.dti.ne.jp/~fuminG/yobi/index.html

4   名前: 匿名 : 2007/03/16(金) 20:45  ID:zVbAQGuv sub-kJ
>>2-3
今どき name 属性なんて使わずに、汎用の id 属性を使ってくれ。
<h1 id="SAMPLE">サンプル</h1>
<p><a href="sample.html#SAMPLE" title="サンプル">サンプルをご覧下さい</a>。</p>


もし NN4 のような古い古いブラウザにも対応しなければならない事情があるのなら、name 属性も併用する(HTML 4.01/XHTML 1.0 では並記が推奨されているが、個人レベルではもう必要ないと思う)。
<h1 id="SAMPLE"><a name="SAMPLE">サンプル</a></h1>

一覧へ戻る