- ベストアンサー
アンカーについて
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
HTML4以降はnameではなくid属性を使うことが推奨されています。 http://bakera.jp/hatomaru.aspx/ref/html/element/a http://www.kanzaki.com/docs/html/htminfo12.html#S6 余談ですが <a name=""> を利用していて cssでa:hover でスタイルを設定していて想定外にマウスオーバーでスタイルの変わる間抜けなページが在ったりします。 （IEではhrefの指定のないアンカーではhoverが無効になってしまうので気付かないサイト製作者が居るようで。） さらに私的感想ですが 他者からピンポイントでリンクしてもらう場合を考え（例え自サイト内にそのidを利用したリンクがなくても）要所要所にはidを付けておくと好ましいサイトと言えると思います。
その他の回答 (2)
- yambejp
- ベストアンサー率51% (3827/7415)
試せばわかるはずでは？ ＃１さんの説明の補足になりますがnameではとべませんが、 idであればとべます。
- himajin100000
- ベストアンサー率54% (1660/3060)
大丈夫なはず。っていうかむしろ推奨。 #でも本当に好きなのはid属性
関連するQ&A
- HTMLのアンカーリンクについて。
HTMLのアンカーリンクについて。 アンカーリンクですが、通常どおりリンクをはると、ブラウザ画面の一番上にぴったりくっついたかたちでリンクしてしまします。 たしか、リンク先の上の幅を指定できたと思うのですが、やり方を忘れてしました(^^;ゞ ちなみにHTMLはこんな感じです。 <div id="content"> <div id="anchor"> <ul> <li><a href="post-1">投稿１</a></li> <li><a href="post-2">投稿２</a></li> <li><a href="post-3">投稿３</a></li> </ul> </div> <div id="entry"> <h2 id="post-1">投稿１</h2> <h2 id="post-2">投稿２</h2> <h2 id="post-3">投稿３</h2> </div> </div> すこし検索してみましたが見当たらなくて、質問させていただきました。 どなたか、おわかりの方ご教授いただけると助かります。 よろしくお願いします。
- ベストアンサー
- HTML
- HTMLアンカーがFirefoxでうまく飛びません。
HTMLアンカーがFirefoxでうまく飛びません。 HTMLアンカーを指定して別ページからもリンクできるようにしたいのですが、IEではきちんとアンカーの所に移動するのですが、Firefoxだと、ページの一番下に飛んでしまいます。 ソース************************************************* <a name="a1" id="a1"></a> あいうえお ******************************************************* <a href="../index.html#a1">あいうえお</a> ******************************************************* Firefoxだけうまく行きません。 何が問題なのでしょうか？
- ベストアンサー
- HTML
- ページ内アンカーに移動しない：
ページ内アンカーに移動しない： あるページ"A"に <div id = "TOP"></div>と設定し ページ"B"に <a href="test.html#TOP">test<a> と設定しました。 動作確認をした結果、Firefox・クロムと正常に動くのですが IEが全バージョンで、該当ページに飛ぶのですが、アンカーに 移動しません。 ローカルにてテストをした結果、IEで通常に移動します。 調べた所、 javascript等が使用されているとリンク先ジャンプ後にセキュリティの確認 が有るため、アンカーリンクが消されると書いてあったので javascript部分を全て削除し、動作確認をしたのですが やはりアンカーに飛んでくれません。 どなたか、ご教示ください。
- 締切済み
- HTML
- アンカーテキストはなんでアンカーと呼ぶんですか？
プログラミングのhtmlでアンカーテキストaはなんでアンカーと呼ぶんですか？ a href anchorとは錨のことですか？
- ベストアンサー
- HTML
- インラインフレーム内のアンカーに飛ばせますか？
a.html上にname="ai"としてiflameを置き、そこにb.htmlを表示させています。 このb.htmlにはアンカーをいくつかつけており a.html上にあるリンクをクリックすると インラインフレーム内のb.htmlの任意のアンカーポイントへ移動するということをしたいのですが 可能なのでしょうか？ 現在このような書き方なのですが まったく動きません…。 <a href="b.html#b-1" target="ai"><img src="image.gif" width="100" height="16"></a> 教えてください。
- ベストアンサー
- HTML
- リンク先でjavascript
javascript初心者です。 ファイル内に、縦に長くて、overflow: auto;の指定をしてあるdiv要素（内容は読物です）がありまして、そのファイルではdiv要素の中で4つのアンカーポイントにビューンとスクロールするjavascriptを設置してます。 1つのリンク元ファイルから、４パターンのa hrefリンクをはり、リンク先ファイルのjavascriptを動かす（ページを読み込んですぐ４パターンのアンカーポイントにビューンと飛んでいく）ような指令って、どうやるのでしょうか。
- 締切済み
- JavaScript
- targetを他フレームとアンカーポイント両方指定したい場合
どなたか、お願いいたします。 リンク先のターゲットの指定ですが、 他のフレームを指定する場合、 <a href="test.html" target="main(フレーム名)"> ですよね。 さらに、ページのアンカーポイントへの指定は <a href="test.html" target="top(アンカー名)"> だと思うのですが、 他フレームへの指定で、更にページのアンカーポイントを指定する場合、どうすれば良いのでしょうか？ 初心者でお恥ずかしい限りですが、よろしく お願いいたします。
- ベストアンサー
- HTML
- アンカーをクリックしても遷移しないようにするには
<a href=" ～ ではじまる、リンク先をクリックした際に、 指定ページに飛ばないで、画面そのまま、にするにはどうしたら いいのでしょうか。 （しかし、通常リンクを踏んだ時のように色を青から紫に変えたい） なぜ、こんなことをしたいかというと、アンカーをクリックした際に、 特定の内容をクリップボードに保存したいだけなのです。 ラベルをつけて、同じ位置に飛ばしてみる、という擬似的な方法も 考えましたが、エラーになってしまうようです。
- ベストアンサー
- HTML
- アップロードしたらアンカーがちゃんと動作しない。大変困ってます。
ファイルをサーバにアップロードしたら、急にHTMLのアンカータグの動作が不安定になりました。 例： 下記のようなターゲット（id="2"）を <div class="green" id="2"> ここに跳ぶ </div> abc.htmlにセットするとします。 そして、 下記のようなアンカーを <a href=" abc.html#2">テスト</a> abc.html及びdef.htmlにセットするとします。 つまり、abc.htmlファイル内では、同ページ内の特定の位置（id="2"の位置）へ、そしてdef.htmlからは他のファイル（abc.html）の特定の位置（id="2"の位置’）へリンクしたいのです。 ここで、abc.htmlファイルの内の上記アンカーからabc.htmlファイルの特定の位置（id="2"の位置）へのリンクは問題なく作動しますが、def.htmlファイル内の上記アンカーからabc.htmの特定の位置（id="2"の位置’）へのリンクの動作が不安定です。不安定というのは、このようなアンカーを幾つか使用しているのですが、全く動作しないもの又はクリックごとにちゃんと動作したりしなかったりするものがあります。全く動作しない（及びちゃんと動作しない）場合、def.htmlファイル内の上記アンカーからabc.htmの特定の位置（id="2"の位置）へ跳ばずにabc.htmのページトップに移動します。ただし、def.htmlからabc.htmへは毎回ちゃんと移動します。 この現象は、サーバ上でアンカーを動作させた場合にのみおきます。何度ファイルのアップロードを繰返しても解消できません。 どのようにすればこの問題が解消できるか、教えて下さい。 DreamWeaverMX2004を利用して開発していますが、ローカルのPC上で、テストしているときは、全てのアンカー（上記で説明しているアンカーも含めて）は問題なく動作します。サーバ上でアンカーを動作させた場合にのみ上記のような問題がおきます。 また、通常のリンク（ファイル内の特定の位置を指定しないリンク）は、サーバ上でも全てちゃんと動作します。 よろしくお願いします。
- 締切済み
- HTML
- アコーディオンメニューをアンカーリンクで開く
アコーディオンメニューで困っています。 色々と調べているのですが、どうもうまく動きません。 ■やりたい事 アコーディオンメニューを使っていますが、同じページからのアンカーリンク、そして別ページからのアンカーリンクで飛んできた際に、隠れているアコーディオンを開いて表示した。 ■現状 ・アンカーリンク(A.html)-------------------- <a href="B.html#アンカー名">リンク</a> ・アコーディオン設置先(B.html)------------------ <div class="aaa" id="アンカー名"> <p class="title"> アコーディオンタイトル </p> <p class="bbb"> アコーディオンの内容表示 </p> </div> ・js--------------------------------------- $(document).ready(function(){ $(".bbb").hide(); $(".title").click(function(){ $(this).toggleClass("active").next().slideToggle("slow"); $(location.hash).next(".bbb").slideToggle("slow"); }); }); 現状はこのような状態なのですが、アンカーでの動作をしてくれません。 分かる方いらっしゃいましたら、是非教えてください
- ベストアンサー
- JavaScript
