
ページ内で、リンクをするとき、hrefに飛ばしたい場所を#で指定すれば、name属性のところに
ページ移動させれることは知っているのですが、
外部ページから、指定の場所に飛ばすことはできないでしょうか?
==========内部ページ内でリンクを作成する時(link.html)=============
<h1>リンクテスト</h1>
<h2>サンプル</h2>
<h3><a name="menu" id="menu">メニュー</a></h3>
<ul>
<li><a href="#section1">メニュー1</a></li>
<li><a href="#section2">メニュー2</a></li>
<li><a href="#section3">メニュー3</a></li>
</ul>
<h3><a name="section1" id="section1">セクション1</a></h3>
<p>メニュー1の内容。 ...</p>
<h3><a name="section2" id="section2">セクション2</a></h3>
<p>メニュー2の内容。 ...</p>
<h3><a name="section3" id="section3">セクション3</a></h3>
<p>メニュー3の内容。 ...</p>
<p><a href="#menu">メニューに戻る</a></p>
上記ソースのメニュー部分を別ページ(top.html)に作成し、
リンクページの指定部分をメインで映るようにしたいのです。
例えば、下のメニュー3がクリックされたとき、
link.htmlのsection3の内容部分(link.htmlの下にある、セクション3)が画面中央に来るようにしたいのです。
ご教授お願いします。
===top.hmtml(メニュー部分抜粋)==================
<h1>リンクテスト</h1>
<h2>サンプル</h2>
<h3><a name="menu" id="menu">メニュー</a></h3>
<ul>
<li><a href="#section1">メニュー1</a></li>
<li><a href="#section2">メニュー2</a></li>
<li><a href="#section3">メニュー3</a></li>
</ul>
No.1ベストアンサー
- 回答日時:
> link.htmlのsection3の内容部分(link.htmlの下にある、セクション3)が画面中央に来るようにしたいのです。
「画面中央」というのがわかりませんが・・・
hrefの値をパス付き(絶対URL、相対URLのどちらでも)で書けばいいんじゃないですか。
<a href="./link.html#section1">メニュー1</a>
<a href="./link.html#section2">メニュー2</a>
<a href="./link.html#section3">メニュー3</a>
No.2
- 回答日時:
【引用】____________ここから
name = cdata [CS]
この属性は、他のリンクからの終点となり得るよう、当該アンカーに名前をつける。この属性値は固有のアンカー名でなければならない。 この名前の有効範囲は、当該文書内に限られる。 この属性が、id属性と同じ名前空間を共有することに注意されたい。
href = uri [CT]
この属性は、Webリソースの所在を指定する。これによって当該要素(始点側アンカー)と、この属性が定める終点側アンカーとの間のリンクが定まる。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Links in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
すなわち、href="[URI]#ページ内アンカー" と記述するということです。
[URI]の部分には、リンク先のページへのURI--http://**** , ../****, など
#以降は、サーバーには送られませんが、ブラウザはそのページのname/idで特定される要素を探すことになります。
href="#アンカー" は、href="[自信のURI]#" と言う意味です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
DREAMWEAVER アンカーポイント...
-
form action="#"
-
HTMLからフォルダを開きたい
-
VBA URLDownloadToFileについて
-
根号の書き方について
-
テキストエディタvscodeでプロ...
-
iPadの標準ブラウザでローカルH...
-
URLDownloadToFile でダウンロ...
-
ソース表示でメモ帳の文字が文...
-
IE操作時、ファイルのダウンロ...
-
どのページもすべて同じURLなの...
-
一つのリンクに複数のURLを指定
-
XMLファイルのダウンロード
-
index.htmlファイルはどこに?
-
文字化けを故意に表示したい
-
Metaタグのrefreshでジャンプし...
-
クリックしたら別ウィンドウで...
-
楽天でiFrameを利用したいので...
-
リンク切れを修復
-
HTMLファイルの置き方による読...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リンク先からリンク元の、同じ...
-
form action="#"
-
インラインフレームの中に表示...
-
httpdで接続が拒否される
-
googleサーチコンソールで、重...
-
Preタグ内URLからリンクは張れ...
-
ホームページの表示について
-
<a href="/">トップへ</a> こ...
-
インラインフレーム内のアンカ...
-
#を含むファイルの指定
-
画面を開いたときに指定位置ま...
-
HTML 矢印(画像)の向きについて
-
スクロールバーを下げた状態を...
-
HTMLであたらしくウインドウを...
-
【html】2カラムの反映
-
テキストフィールドへHTMLを記...
-
ページが完全に表示されてから...
-
safariでアンカーリンクが動作...
-
ホームページの作り方
-
インラインフレーム切り替え&...
おすすめ情報