- ベストアンサー
タグ
例えば、『お読み下さい』の文字をクリックして＠＠＠＠のアドレスにとぶようにしたいのですが、『お読み下さい』はクリックできるのですが、何度してもとんだ時エラー画面が表示されます。 このタグのどこが違うのでしょうか？何かが足りないのでしょうか？ <a href=="http://＠＠＠＠"><b>お読み下さい</b></font></a> よくQ&Aの長い説明画面などで 1番から10番までの説明がある場合 ５番についての画面を読んでいる時、５番のQ&Aを見たいと思って5番画面からクリックすると５番のQ&Aにとび、10番の画面から10番のQ&Aが見たい時、10番画面からクリックして10番のQ&Aにとびますが、１番から10番まで同じ長い１つのQ&A画面／同じURL?なのにどうして同じ画面の違う箇所にとばすことができるのでしょうか？ どのような仕組みになっているのでしょうか？不思議です。。。 タグを教えて下さい、探しかたどころか呼び名さえ分かりません。 宜しくお願い致します。
- ask10
- お礼率81% (9/11)
- その他([技術者向] コンピューター)
- 回答数5
- ありがとう数6
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
●エラーが出る これは、アンカータグ<a>に書かれているアドレスをチェックしてください としか言いようがありません。 ●ページの途中にリンクを貼る 同じアンカータグを使います。たとえば、以下のようにします。 <a href="http://***.jp/***.html#faq5">～</a> この場合、***.htmlの"faq5"と書かれた場所に飛ぶようになっています。 abcは、***.htmlの中に記述しておきます。 <a name="faq5">Q5</a> nameには好きな名前を付けることができます。
その他の回答 (4)
- himajin100000
- ベストアンサー率54% (1660/3060)
>#faq5 どうやって決める？のですか？ id属性(name属性よりも望ましいと思われる)は 【重複しない】ように【任意に】。お好きなように(笑)。 OKWave/gooのIDだって割と適当に決めているでしょ？ それと同じ感覚でいいよ(笑) ただ、自分は念のために「大文字」でつけることを推奨するね。 http://www.akatsukinishisu.net/itazuragaki/id/id_attr_in_HTML
お礼
有難うございます、参考になりました。
- himajin100000
- ベストアンサー率54% (1660/3060)
>呼び名 #2さんや俺の#3でいいなら 「フラグメントID」 かな。わかりやすいのが少ない気がするけど。(中級者向けの記事が多そう)
お礼
「フラグメントID」と言うのですね、初めて聞きました。 教えて下さってありがとうございます、勉強になりました。
- himajin100000
- ベストアンサー率54% (1660/3060)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>プログラミング言語-算術演算子</title> <style type="text/css"> /* 文章が短く違いがわからなくなるために入れているだけ。 当方環境では，DIVIDEやMODをクリックしてみるとわかるが， ジャンプ先の表示領域の下端がbodyの下端に一致するように移動する。エラーが出るのは知らない。 */ body{ background-color:yellow; } p{ height:200px; background-color:red; } </style> </head> <body> <h1>算術演算子</h1> <h2>演算子索引</h2> <ul> <li><a href="#PLUS">+演算子</a></li> <li><a href="#MINUS">-演算子</a></li> <li><a href="#MULTIPLE">*演算子</a></li> <li><a href="#DIVIDE">\演算子</a></li> <li><a href="#MOD">Mod演算子</a></li> </ul> <h2 id="PLUS">+演算子</h2> <p>二つの和を求める演算子です</p> <h2 id="MINUS">-演算子</h2> <p>二つの差を求める演算子です</p> <h2 id="MULTIPLE">*演算子</h2> <p>二つの積を求める演算子です</p> <h2 id="DIVIDE">\演算子</h2> <p>二つの商を求める演算子です</p> <h2 id="MOD">Mod演算子</h2> <p>二つの剰余を求める演算子です</p> </body> </html>
お礼
ご返答有難うございます。 とても詳しく説明して下さり有難うございます。 ちょっと難しいのでこれからもっと勉強していきます。 とても参考になりました、有難うございます。
- tashichann
- ベストアンサー率19% (6/31)
一番目の質問、 ＞このタグがどう違うのでしょうか？何かが足りないのでしょうか？ 逆です。 リンクタグなので、正しくは、 <a href="@@@@">～～～～</a> で表示されます。このリンクは一般的に良く見るリンクです。 二番目の質問ですが、つまりどういう意味でしょう？ 僕は、こう理解して回答いたします。 「ひとつの画面に複数のリンクを表示するにはどうすればいいか」 これでしたら、ひとつのメモ帳に、複数のリンクタグを 記入すればいいだけです。 たとえば、僕のブログの宣伝になるかもしれませんが、 このように表示すればいいのです。 <a href="http://park.geocities.yahoo.co.jp/gl/hikaru46497788"> ここが表示されることになります</a> <br> <a href="@@@@">ここが表示されることになります</a> こういうことではないでしょうか？ 補足要求ということにしておきます。 二番目の質問について、簡単に説明していただければ、 僕も回答できるので、補足してください。よろしくお願いします
補足
御丁寧なご返答ありがとうございます。 大変失礼いたしました、再度何度かしてみたのですが エラーが出ていた原因はなんと<a href=="http://＠＠＠"> = の部分が＝＝ ２つになっていました。。。お恥ずかしい(＊_＊;) すみませんでした、今後気をつけます。 ＞「ひとつの画面に複数のリンクを表示するにはどうすればいいか」 そのとうりの意味です、説明不足で申し訳ございません。 ブログ見れませんでした。
お礼
ご返答有難うございます。 詳しく説明して下さりありがとうございます。 <a href="?http://***.jp/***.html#faq5">?～</a> この部分は***.html#faq5 どうやって決める？のですか？ 初歩的な質問ですみません。