- ベストアンサー
HTMLファイルへのリンク方法と移動方法
- HTMLファイルから別のフォルダのHTMLファイルにリンクし、特定の位置に移動する方法について解説します。
- 表示されるテキストとして「ここに飛んで！」というリンクを作成し、そのリンクをクリックすることで特定の位置に移動します。
- リンク元とリンク先のHTMLファイルの関係や、リンク先の書かれている内容についても詳しく解説しています。
- idera_2010
- お礼率85% (48/56)
- HTML
- 回答数3
- ありがとう数4
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
追加 <a href="../aa/bbb.aspx#test">test</a> ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ #testで、id testにとび先を指定しているのに対し ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ <th class="m"><a name="test">ここに飛んで！</a></th> アンカー先は、nameになっている！ この記述では、<a name="test">に飛ぶように指定されている。 これが飛ばない原因です。 このまま修正するなら <th class="m"><p name="test">ここに飛んで！</p></th> ですが、すでにnameタグは、廃止される予定で、推奨されていませんのでIDを使いましょう！
その他の回答 (2)
- kon77
- ベストアンサー率70% (83/117)
自分はaspxの知識は無いのですが、HTMLの場合だと、以下の様にするとうまく行くと思います。aspxだとうまく行かないかもしれません。 HTMLとaspxでは全然違うかも知れませんので、的外れな回答をしてたらすみません。 ■ フォルダとファイルの構成 HTML\aa\bbb.aspx HTML\cc\ddd.html ■ 「bbb.aspx」の内容 <html> <head></head> <body> <form id="form1" name="form1" method="post" action="aaa.aspx"> <input type="text" name="name" size="40"> </form> <div style='height: 1000px;'></div> <table> <tr> <th class="m"> <a name="test">ここに飛んで！</a> </th> </tr> </table> <div style='height: 1000px;'></div> </body> </html> ■ 「ddd.html」の内容 <html> <head></head> <body> <a href="../aa/bbb.aspx#test">test</a> </body> </html>
お礼
ソースまで書いていただいて、ありがとうございます。 idの指定でうまくできました。 ありがとうございました。
タグの記述に間違いがあります。 <a href="../aa/bbb.aspx#test">test</a> であれば、とび先は、 <th id="test" name="test" class="m">ここに飛んで！</a></th> では、ないの？ いまどき、テーブルレイアウトは、時代遅れの感もありますが・・・ 仕様書を参考に、学んでください！
お礼
ご回答ありがとうございます。 明らかに書き方がおかしかったですね。。 id指定でうまくできました。 元々のソースがテーブルレイアウトなので、そのまま使用しようかと思いましたが、やはり古いですよね。。 なので、divタグで書き直してみました！ ありがとうございました！
お礼
idの指定でうまくいきました。 nameタグは廃止されるんですね。 ありがとうございました！