- ベストアンサー
あるページのあらかじめ定めた位置へリンクさせたい
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
>以前、pxで調整できると聞いたことがあるのですが これは何かの誤解でしょう。 HTMLは、Hyper Text Markup Languageの略ですが、このHyperという言葉は、他の文書または、他の文書の特定の【要素】にリンクできる機能を意味しています。 そして、Markupの意味ですが、それは文書をその文書を構成する要素(Element)に分解して、それぞれがその文書にとってどのような意味を持つ要素であるかをタグによってマークアップされているのです。 このふたつをきちんと理解してください。 その文書にリンクするときは、<a href="[URL]">その文書</a>でリンクできますし、その文書の特定の要素にリンクするときは、ページ内のアンカー(Anchor--これが<a>の語源)を目標にします。そのアンカーを示すのがnameです。 <h2><a name="section1">セクション1</a></h2> hとはHeading(見出し)の意味で、階層2の見出しが<h2></h2> これは、 <p><a href="[URL]#section1">セクション1</a>へ</p> とリンクを書くことでリンクできます。<p>はParagraph--段落 同じページ内の場合は、<a href="#section1">セクション1</a>へ・・・と書きます。 位置ですが、それは<h2><a name="section1">セクション1</a></h2>がどの位置に表示されているかですから、ウィンドウ幅や文字サイズなどで変化します。変化してもその要素にリンクできるということです。 ★12.1.1 リンク先リソースの訪問 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/links.html#h-12.1.1 ) ★HTML4.01までは、正確にはリンク先は<a name=""></a>でマークアップします。上記の例の場合<h2 id="section1">セクション1</h2>とも書くことが出来、リンクもできます。idはどの要素にも書くことが出来ますから便利ですし、HTML1.1やHTML5は、idを使うことになりますから、idで統一しても良いでしょう。・・とっても古いブラウザはIDに対応できないものもありますが、すでに考慮しなくて良いでしょう。 厳密な文法的には<a name=""></a>が正しいのですが、idで指定するほうが良いでしょう。
その他の回答 (2)
- naokita
- ベストアンサー率57% (1008/1745)
これで試して下さい。 <a href="http://okwave.jp/qa/q7804435.html#q_area">指定場所</a> 質問が先頭に来るはずです。 つまり、 HTMLで飛び先を設定する。idを指定 今回の例: <div id="q_area"> <a id="そのページURL#q_area">○○に飛びます</a> URLの末尾に「 # 」+「 idの名前 」です。 但し、同じページ内の場合には、URLは不要なので、例としては、 <a id="#q_area">○○に飛びます</a> だけで良いです。相対パスでも良いです。 name よりも id です。 多少の位置をズラす場合にはCSSでtopから移動できます。
お礼
返信おくれてすみませんでした。 <div id="q_area">と記述した箇所がリンク先になるのですね。自分のサイトで適当な名前でid名をつけてリンクさせてところ上手くいきました。 ありがとうございました。
- sutchmarco
- ベストアンサー率20% (4/20)
<a href="#name属性の属性値">リンクさせる要素</a><br> <a name="#リンク先に付ける名前">リンク先の要素</a><br> でどうでしょう
お礼
返信おくれてしまい本当に申し訳ありませんでした。 #nameと記述したあとに属性値を指定することが可能なのでしょうか?それだったら細かく指定できますね。もう少し探って勉強してみます。 ありがとうございました。
関連するQ&A
- リンクの飛ばし方とその位置について
リンクの飛ばし方とその位置について 似たような質問を見つけましたが、分からなかったので質問します。 一枚の縦に長いウェブサイトを作っています。 アンカータグをつけて同じページ内のリンク先に到達するようにしたいのですが、、 ページのトップにメニューを固定しているので、ページの先頭ではなく トップから200pxの位置をに持ってきたいのですが どうしたらよいでしょうか。 メニューには5項目で、下に文章や画像等が5項目ならんでいます。 たとえば2項目目にメニューからリンクした際に、上や下の項目が見えていてかまいません。 ウェブ作成初心者です。 分かりやすく教えていただけると助かりますm(__)m
- ベストアンサー
- HTML
- 上フレームページと下フレームページが共にページのTOP(一番上)の位置
上フレームページと下フレームページが共にページのTOP(一番上)の位置が見えるよなリンクの仕方を教えてください。 HTML初心者です。上下2つに分けたフレームページを作っています。 下フレームページの下の方の位置のリンクボタンをクリックすると上フレームページが見えなくなってしまいます。また下フレームページも下の方の位置へリンクしてしまいます。 下フレームページのどの場所のリンクボタンをクリックしても常に 上フレームページと下フレームページが共にページのTOP(一番上)の位置が見えるよなリンクの仕方をご教授ください。初心者ですのでなるべく簡単で具体的なHTMLの書き方を教えてください。 どうぞよろしくお願い致します。
- ベストアンサー
- HTML
- リンクを別窓で開くと、親ページが頭に戻ってしまいます。
ホームページ製作でリンクをクリックすると別窓が開くようにしています。 ページの真ん中や下の方にあるリンクをクリックして別窓を開くと 親ページが先頭まで戻ってしまうのですが、これをリンクをクリックした 位置に止めておく方法は無いでしょうか? 因みに、別窓を開いているソースは下記です。 ご指導どうぞ宜しくお願い致します。 <a href="#" onclick="window.open('http://www.****.****.***','_blank','width=400,height=300')"> <IMG SRC="http://www.****.****.***.jpg" alt="" border=0></a>
- ベストアンサー
- JavaScript
- リンク先からリンク元の、同じ位置に戻りたい!
ホームページ初心者です。 小さい写真をクリックして、サーバーから拡大写真をダウンロードして閲覧します。 そこから戻る場合、「戻る」ボタンで元のページに戻ります。 ここまでは出来ます。 ここでこの小さい写真が、立てスクロールを下に下げなければならないほど下にある場合、「戻る」ボタンでこの下の位置の写真を表示する方法は、あるんでしょうか? どなたかお分かりの方、教えてください。 よろしくお願いします。
- ベストアンサー
- HTML
- ページ内へのリンク設定
困っています…。 ホームページをすぐに作る必要があって、プロバイダーが提供している、記述しないでも作れるものでホームページを作っているのですが、 ページ内へのリンク設定の機能がないらしいのです…。デザインの関係で、どうしてもその機能がないと困るのですが、今から同じものを記述式で作るなんて到底無理だし、作ったページは他のホームページ作成ソフトへダウンロードできないし…。何かいい方法はないでしょうか…。 こういう簡単なものって、記述式と併用?できるようになってないんですね…。簡単に作れるんだから当然機能は限定されるのは仕方ないんですが…。 後、ページからページへとぶリンク設定って公開後にしかできないものでしょうか?こういった簡単なホームページを作るものの場合…。
- ベストアンサー
- レンタルサーバ・ASP
- リンクから新しく開くページの大きさを指定する方法
ホームページビルダー9を使用しています。 リンクから新しいページを開く場合決まった大きさ(例えば縦300px横100px)で開かせたいのですが、方法を教えてください。
- 締切済み
- ホームページ作成ソフト
- リンクページが開かない
お願い致します 98se、xp、ホームページビルダー8で作成してます ページ数は8ページあるのですが、その中の1ページからのみリンクページが開けません。 アドレス、画面したのURL等みました、ソースも見ましたがリンクページが開く他のページと同じような形式の記述になっていました、なぜリンクページが開けないのか解りません。 教えて下さい。
- ベストアンサー
- ホームページ作成ソフト
- 同じページ内へ移動するリンクの作り方
同じページ内で下のほうにスクロールしないと見えない内容がリンクをクリックするとその内容の位置まで移動できるものありますよね。あれを自分のホームページにも作りたいのですがどうやれば作れるのかよく分かりませんでした。 ホームページビルダー8を現在使って製作しています。どうやれば作れるのかできれば手順つきで教えていただければうれしいです。回答よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- ホームページビルダー15のリンク貼り付けについて
ホームページビルダー15のリンク貼り付けについて教えてください 作った別のページの真ん中の部分が先頭にくるようなリンク貼り付けの仕方をお教えください
- ベストアンサー
- ホームページ作成ソフト
- 複数の画像をリンク設定し、サイズ、位置を指定してそれぞれ別ページにリンク設定する場合
ホームページを作成している最中です。 画像をクリックした際に、リンク先はリンク元の拡大画像を表示し 画像サイズと位置を指定するよう設定しています。 例えば、そのリンク元の1ページに縮小画像が複数有る場合、 どのように記述すればよいのでしょうか。 現在はこんな感じとなっています。 -=-=-=-=-=-=-=-=-=-= <SCRIPT language="JavaScript"> <!-- function openwin() { window.open("http://●●●.net/guide_a.html", "", "scrollbars=yes,width=420,height=270,top=100,left=80,scrollbars=no"); } //--> </SCRIPT> -=-=-=-=-=-=-=-=-=-= 省略 -=-=-=-=-=-=-=-=-=-= <TD><A href="javascript:openwin();"><IMG src="image27.jpg" width="150" height="94" border="0"></A></TD> ↑この画像をクリックすると、上記で指定したサイズ、位置で画像が表示されますが 同じページにリンク元が複数ある場合、どのように記述すればよいでしょうか。 例えば、下記の別の画像も同じように、違うページに設定したいです。 <TD><A href="javascript:openwin();"><IMG src="image17.jpg" width="150" height="94" border="0"></A></TD> リンクしたいページ http://●●●.net/guide_b.html 今の状態ですと、リンク元の画像は同じページ内にあるため image17もimage27も同じリンク先(http://●●●.net/guide_a.html)に飛んでしまいます。 これをそれぞれ別ページにリンク設定したいです。 image27→http://●●●.net/guide_a.html image17→http://●●●.net/guide_b.html 大変わかりずらい説明で申し訳ありません。 素人なのでいまいち説明の仕方がよくわかってないです。。。 どうぞよろしくお願いいたします。
- ベストアンサー
- JavaScript
お礼
返信おくれて申し訳ありません。 根本的なところから解説していただきありがとうございました。 h2タグにsection1という名前をつけることでリンク先に指定できるんですね。 初めてhtmlファイルやcssファイルを開いた時はチンプンカンプンでしたが、どの部分とどの部分がつながってサイトに反映されているのか分かるようになってきました。 また何かありましたらよろしくお願いします。