- ベストアンサー
ページ内部アンカー 移動
<a href="index.html#QA">質問</a> <h2id="QA">質問</2> -------------------------- これで、部分的に移動できますが、 ここだけ、大文字で指定してある事が多いようですが #QA id="QA" とか、 小文字と大文字どっちが良いのでしょうか？ HTMLとXHTMLで区別しているようにも思えませんし どっちでもよいのですか？
- takumana20
- お礼率91% (434/473)
- HTML
- 回答数4
- ありがとう数9
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
> #QA id="QA" > #qa id="qa" > 上のセットと下のセットはどちらでも良いでしょうか？ > 何故上の大文字で書く人が多いのでしょうか？ 昔よく使われていたプログラム言語（COBOLやBASIC）は 大文字がメインだったのよ。 だから大文字を使う人が多いだけ。 ただそれだけなのよ。
その他の回答 (3)
- metametamu
- ベストアンサー率51% (153/295)
xhtmlでid名を大文字にすることが多いのはHTMLの頃からの名残みたいなものです。 xhtmlの場合はどちらでも問題ないです。
お礼
ありがとうございました
- もこ猫ミクにゃん（@miku-chi）
- ベストアンサー率31% (3093/9822)
見易いもの、タグと区別がしやすそうなものに統一したほうがいいと思います。 なので、大文字を使う人のほうが多いようです。 ""の中のモノは実は日本語でも構わなかったりします。
お礼
ありがとうございました。
- askaaska
- ベストアンサー率35% (1455/4149)
HTML的には問題ないわ。 でも、スクリプトからだと一致していないとダメだったりする。 それは置いておいても 統一したほうが気持ちいいと思わない？
お礼
ありがとうございます。 はい、動くようにHTML内で一対のセットにして一致はさせています。 #QA id="QA" #qa id="qa" 上のセットと下のセットはどちらでも良いでしょうか？ 何故上の大文字で書く人が多いのでしょうか？
関連するQ&A
- HTMLアンカーがFirefoxでうまく飛びません。
HTMLアンカーがFirefoxでうまく飛びません。 HTMLアンカーを指定して別ページからもリンクできるようにしたいのですが、IEではきちんとアンカーの所に移動するのですが、Firefoxだと、ページの一番下に飛んでしまいます。 ソース************************************************* <a name="a1" id="a1"></a> あいうえお ******************************************************* <a href="../index.html#a1">あいうえお</a> ******************************************************* Firefoxだけうまく行きません。 何が問題なのでしょうか？
- ベストアンサー
- HTML
- 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
- ページ内アンカーに移動しない：
ページ内アンカーに移動しない： あるページ"A"に <div id = "TOP"></div>と設定し ページ"B"に <a href="test.html#TOP">test<a> と設定しました。 動作確認をした結果、Firefox・クロムと正常に動くのですが IEが全バージョンで、該当ページに飛ぶのですが、アンカーに 移動しません。 ローカルにてテストをした結果、IEで通常に移動します。 調べた所、 javascript等が使用されているとリンク先ジャンプ後にセキュリティの確認 が有るため、アンカーリンクが消されると書いてあったので javascript部分を全て削除し、動作確認をしたのですが やはりアンカーに飛んでくれません。 どなたか、ご教示ください。
- 締切済み
- HTML
- 一番上へ移動のコード
<html> <head> <title>test</title> </head> <body> <h1 id="top">TOP</h1> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <a href="#top">上へ１</a> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <a href="#top">上へ2</a> </body> </html> このような書き方はよくないのでしょうか？ コードをチェックすると、 <A> のアンカー名 `top` は 524行目で ID 属性として定義されています。 となります。 同一ページ内複数の「上へ」があり、それをクリックすると、一番上へ移動したいのですが、 正しい書き方を教えてください。 解説の ---------------------------------------------------------------------------------------------------------------- <A href="#HOEE"> に対応するアンカーを、ID属性で指定してもいいことになっています。 つまり、このリンクに <H1 id="HOEE"> のようなのが対応してもいいのです。しかし、古いWWWブラウザの実装ではこのような対応はあまり実現できていないようです。 XHTML1.0(J)ではNAME属性でなくてID属性を使うように薦められており、XHTML1.1ではそのようなNAME属性は廃止されています。 HTML4.0以外では警告されません。この警告は減点されません。 --------------------------------------------------------------------------------------------------------- を読んでもよく意味が分かりませんでした。 そもそも私のコードのどの部分がエラーになっているのかがわからないし、 「HTML4.0以外では警告されません。」となっていますが、HTML4.0なのかもわかりません。
- 締切済み
- HTML
- 外部ページから指定場所にリンクをさせる
ページ内で、リンクをするとき、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>
- ベストアンサー
- HTML
- web頁の指定した場所に移動する属性について！
例えば、(1)「<A href="***.shtml#ref1">○○○</A>」と記載して、ある頁の指定場所に移動する属性があります。 指定した頁の指定箇所には(2)「<***** id=1>」等とソースが記述されています。 web画面で(1)をクリックすると、(2)の箇所ではなしにid=3。。であったりid=5であったりと全く違う箇所に移動します。確かに２回目からの移動は正常にid=1に移動します。 これって、どうして最初は指定箇所に移動しないのでしょうか？ 最初に移動しなければ、サイト訪問した方に、クオリティーヶが低いと判断され、ショップとしては印象がよくなく不利益を生じます。 特別、id= 番号が多いわけではありません。5つ程度です。 どうして、最初から正常に移動しないのでしょうか？ 精通されている方がおられましたら宜しくご指導願います。
- 締切済み
- その他([技術者向] コンピューター)
- トップページにリンクを貼る方法
トップページにリンクを貼るときに、いつもだと"<a href="../index.html">topへ</a>"で指定しているのですが、たまたま指定を"<a href="/">topへ</a>" というふうに"/"のみで指定しても、どの階層からでもトップに戻ることができました。 これはHTMLの文法的には正しい記述方法なのでしょうか？ とっても楽チンで簡単なので使いたいのですが、ちょっと不安です。 申し訳ございませんが、どなたかお助けください。 よろしくおねがいします。
- ベストアンサー
- HTML
- 別HTMLファイルを、レイヤーとして表示させたい
2つのHTMLファイル「index.html」と「layer.html」があるとして、index.htmlにあるリンクをクリックすると、layer.htmlの内容がレイヤーとして、同一ウインドウに表示されるようにすることは可能でしょうか？ layer.htmlには、PHPのスクリプトが入っていまして、そこで色々な処理をして、HTML部分を表示させたいのです。 [index.html] <html> <body> <a href="layer.html?id=hoge">登録する</a> </body> </html> [layer.html] <?php session_start(); $_SESSION['id'] = $_GET['id']; ?> <html> <body> <a href="">トップページに戻る</a> <a href="">閉じて作業を続ける</a> </body> </html> のような感じです。
- 締切済み
- JavaScript
- onclickでのページ内移動
JavaScriptでページ内移動をしたいのですが HTMLでいうところの <a name="top"></a> <a href="#top"></a> をonclickで動作させたいのですがどうすれば出来ますか。 http://www.htmq.com/js/window_open.shtml で載っているのですが、これは新しいウィンドウを開くでwindow.openのところを変えれば出来ると思いますが どういう風に変えるのでしょうか。よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- リンク先ページの指定した位置へ移動するには？？
おせわになります。 早速ですが質問させていただきます。 <a>タグを使ってリンク先ページへ移動するようにしています。 質問内容はただリンク先へ移動するのではなく、リンク先ページ内の指定した位置へ移動させるにはどうすれば宜しいでしょうか。 同じページ内で指定位置へ移動する場合は <a href="#samp">リンク元</a> <a name="samp">指定位置</a> で行えることはわかりました。 このやり方を応用してやるのか、はたまた別のやり方があるのか全く検討つきません。。 どなたかご教授のほど宜しくお願い致します（_ _）
- ベストアンサー
- HTML
お礼
ありがとうございました。