
ページ内で、リンクをするとき、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を探す
今、見られている記事はコレ!
-
弁護士が解説!あなたの声を行政に届ける「パブリックコメント」制度のすべて
社会に対する意見や不満、疑問。それを発信する場所は、SNSやブログ、そしてニュースサイトのコメント欄など多岐にわたる。教えて!gooでも「ヤフコメ民について」というタイトルのトピックがあり、この投稿の通り、...
-
弁護士が語る「合法と違法を分けるオンラインカジノのシンプルな線引き」
「お金を賭けたら違法です」ーーこう答えたのは富士見坂法律事務所の井上義之弁護士。オンラインカジノが違法となるかどうかの基準は、このように非常にシンプルである。しかし2025年にはいって、違法賭博事件が相次...
-
釣りと密漁の違いは?知らなかったでは済まされない?事前にできることは?
知らなかったでは済まされないのが法律の世界であるが、全てを知ってから何かをするには少々手間がかかるし、最悪始めることすらできずに終わってしまうこともあり得る。教えてgooでも「釣りと密漁の境目はどこです...
-
カスハラとクレームの違いは?カスハラの法的責任は?企業がとるべき対応は?
東京都が、客からの迷惑行為などを称した「カスタマーハラスメント」、いわゆる「カスハラ」の防止を目的とした条例を、全国で初めて成立させた。条例に罰則はなく、2025年4月1日から施行される。 この動きは自治体...
-
なぜ批判コメントをするの?その心理と向き合い方をカウンセラーにきいた!
今や生活に必要不可欠となったインターネット。手軽に情報を得られるだけでなく、ネットを介したコミュニケーションも一般的となった。それと同時に顕在化しているのが、他者に対する辛らつな意見だ。ネットニュース...
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リンク先からリンク元の、同じ...
-
インラインフレームの中に表示...
-
form action="#"
-
Preタグ内URLからリンクは張れ...
-
リンクの文字とリンクの文字を...
-
ラベルに飛ばない
-
httpdで接続が拒否される
-
同じHTMLなのに色が違う原因は?
-
外部CSSで文章の途中にハイパー...
-
外部ページから指定場所にリン...
-
HTMLからフォルダを開きたい
-
iPadの標準ブラウザでローカルH...
-
【HTML】1クリックで複数ファイ...
-
VC++でのZIPファイル解凍方法を...
-
HTMLページが勝手にダウンロー...
-
Excelで、社外秘(閲覧のみ)と...
-
社内で利用するWebサイトを立ち...
-
ソースの追加行数と変更行数
-
秀丸で正規表現を使って置換
-
Webサイトから、txtファイルを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リンク先からリンク元の、同じ...
-
form action="#"
-
インラインフレームの中に表示...
-
httpdで接続が拒否される
-
googleサーチコンソールで、重...
-
Preタグ内URLからリンクは張れ...
-
ホームページの表示について
-
<a href="/">トップへ</a> こ...
-
インラインフレーム内のアンカ...
-
#を含むファイルの指定
-
画面を開いたときに指定位置ま...
-
HTML 矢印(画像)の向きについて
-
スクロールバーを下げた状態を...
-
HTMLであたらしくウインドウを...
-
【html】2カラムの反映
-
テキストフィールドへHTMLを記...
-
ページが完全に表示されてから...
-
safariでアンカーリンクが動作...
-
ホームページの作り方
-
インラインフレーム切り替え&...
おすすめ情報