- ベストアンサー
ページTOPへのリンク
ページ途中に ▲このページのTOPに戻る というような、アンカーテキストを入れたいのですが、 ご相談にのってください。 ページ頭部分に、 <a name="top">○○</a> この○○、入れないとやはりだめでしょうか？ <a name="top">○○</a> がなくても戻れるくらいなので、戻れることは戻れるのですが… ページ頭に、サイトバナー、パンくずリスト、などがあり、 どれもすでにアンカーテキストなのです。 なので、重ねて入れることも出来ず、<a name="top"></a> だけでムリなのかと…。 またはほかに、なにか良い方法があれば教えてください。
- ha-mu-ta
- お礼率84% (584/692)
- HTML
- 回答数3
- ありがとう数8
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
#2さんとほぼ一緒なのですが、ID属性を入れたタグに下記のようなスタイルシートを入れて置くという手もあります。 ちなみにIDタグは参考URLにも載せましたが、大文字標記が推奨されています。 <body> <p style="display:none" id="PAGE_TOP">ページトップ</p> <p>ダミーテキスト・ダミーテキスト・ダミーテキスト</p> <p>ダミーテキスト・ダミーテキスト・ダミーテキスト</p> <p>ダミーテキスト・ダミーテキスト・ダミーテキスト</p> <a href="#PAGE_TOP">▲このページのTOPに戻る</a> </body>
その他の回答 (2)
- 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"> p{ width:30%; margin: 5px auto; } </style> </head> <body> <p id="DUMMYTEXT"> 彼は背後にひそかな足音を聞いた。それはあまり良い意味を示すものではない。 誰がこんな夜更けに、しかもこんな街灯のお粗末な港街の狭い小道で彼をつけて来るというのだ。 人生の航路を捻じ曲げ、その獲物と共に立ち去ろうとしている、その丁度今。 彼のこの仕事への恐れを和らげるために、数多い仲間の中に同じ考えを抱き、 彼を見守り、待っている者がいるというのか。それとも背後の足音の主は、この街に無数にいる法監視役で、 強靭な罰をすぐにも彼の手首にガシャンと下すというのか。彼は足音が止まったことに気が着いた。 あわてて辺りを見回す。ふと狭い抜け道に目が止まる。彼は素早く右に身を翻し、建物の間に消え去った。 その時彼は、もう少しで道の真中に転がっていたごみバケツに躓き転ぶところだった。 彼は暗闇の中で道を確かめようとじっと見つめた。どうやら自分の通ってきた道以外に この中庭からの出道はないようだ。 足音はだんだん近づき、彼には角を曲がる黒い人影が見えた。 彼の目は夜の闇の中を必死にさまよい、逃げ道を探す。もうすべては終わりなのか。 すべての苦労と準備は水の泡だというのか。突然、彼の横で扉が風に揺らぎ、ほんのわずかにきしむのを聞いた時、 彼は背中を壁に押し付け、追跡者に見付けられないことを願った。 この扉は望みの綱として投げかけられた、彼のジレンマからの出口なのだろうか。 背中を壁にぴったり押し付けたまま、ゆっくりと彼は開いている扉の方へと身を動かして行った。この扉は彼の救いとなるのだろうか。 </p> <p><a href="#DUMMYTEXT">ダミーテキストの先頭へ</a></p> <p>確かにa要素の内容を書かなくても技術的には可能だが，このように、フラグメント識別子は別にa要素を用いなくても良い、というか用いるべきではないと思う</p> <p>蛇足だが、この文章はOpenOffice.orgのダミーテキストである。</p> </body> </html>
お礼
ありがとうございます。 参考にさせていただきます。
関連するQ&A
- ページトップへスクロール
webページをスクロールしていくと最後に「ページトップへ」のようなリンクがあって、クリックするとスクロールしてページトップでゆっくり止まるjavaを使用しているんですが、javaをオフにしているユーザーのために、同じリンクボタンで普通のアンカーでトップページに切り替わる（name属性を使った方法）のも併用したいのですがどうすれば良いのでしょうか。 リンク部分のソースはこれです。 <a href="javascript:pageup()">pagetop</a>
- ベストアンサー
- JavaScript
- 違うページ途中へのジャンプがそのページトップになる
ソフト：BiND8（すでにメーカー保証対象外） 操作はブロックエディタで実施 ①ジャンプ先：1ページ目の途中のブロック内にアンカー設定。なお1ページ目は全部で30ブロックぐらいある長めのページで、アンカーを設定したブロックはその真ん中ぐらいの位置にあり、ヘッダー位置からかなり下の方です。 HTML表示： <a id=CCCC></a> ②ジャンプ元の設定 設定箇所：2ページ目のバナーボタン画像部分 HTML表示： <a href="index.html#CCCC" ><img id=***** src="****" alt=""></a> この設定で、ジャンプ先がなぜか1ページ目のトップになってしまい、1ページ目途中のブロックにはジャンプしません。 試しにジャンプ先の他のブロックにアンカーを設置しても同様にページトップに遷移します。 また、念のため、ＨTMLの埋め込みもできるソフトなので、自分でHTMLを書いて入れてみましたが、やはりジャンプ先のページトップに遷移してしまいます。 ちなみにCSSには何も設定していません。 paddingを使って修正できるほどの小さなズレでもありません。 解決方法をご教示ただければ幸いです。
- ベストアンサー
- HTML
- SEO 内部リンクについて
サイトを作る際の内部リンクですが、「パンくずリストのみの作成」でトップページへリンクを張る場合と、「パンくずリストとフッターの両方」でトップページへリンクを張る場合では、ＳＥＯ対策として効果が変わるのでしょうか。 基本的な質問で申し訳ありませんが、ご教授願えませんでしょうか。
- ベストアンサー
- CSS
- アンカーテキストのある記事はトップページがいい？
被リンクサイトのアンカーテキストがある記事は、 トップページに固定した方がいいと聞きました。 つまり、その被リンクサイトに訪れて、すぐにリンクを送っている記事が表示されるということです。 おそらく、 "トップページの方が、すぐにクローリングされる" というような理由だと思います。 個人的には、どちらにしろクローリングされるのだから、 トップページにこだわる必要はないような気もします。 SEOに詳しい方や被リンクサイトを実践している方、 アンカーテキストがある記事をトップページにするのはどう思いますか？ よろしくお願いいたします。
- 締切済み
- SEO
- アンカーリンクを別のページに飛ばしたい
日記系CGIを使いサイトのトップページで記事を更新しています。 トップページはindex.cgiで、テンプレートのHTMLにログファイルを出力して表示しています。 過去ログとして格納する事ができ、その際は別のhtmlファイルとして保存されます。 トップページにあるテキストにアンカーリンクを頂いているのですが、過去ログ保存するとアンカーが無効になってしまいます。 特定のアンカーへのリンクを別のファイルに飛ばす事は出来ないでしょうか？
- ベストアンサー
- HTML
- ページ内リンク アンカー
ページ内リンクの記述について教えてください。 <A href="#top">このページの先頭へ</A>ですが <A name="top"></A>をHTML中に記述するとページ最上部の余白がなくなります。 記述しないと最上部の余白があり正常表示されます。 <A name="top"></A>を記述しなくてもよいのでしょうか。 該当ページhttp://www.geocities.jp/sinsaku102578/01/fujikawa.html よろしくお願いします。
- 締切済み
- HTML
- indexのページの途中にリンク
通常サイト内でトップのindexへリンクを張る場合 <a href="/" >index</a> という感じになるかと思うんですが、続けてページの中の途中へリンクを張る場合 <a href="/#name>name</a> これで行けるかと思ったらうまく行きませんでした。 正式にはどのように書けばよいのでしょうか？
- 締切済み
- HTML
- アンカーを使ったページリンク
AページからＢページの下部分に飛ばすために、アンカーをつかっています。 でも、ウィンドウズで見るとうまくいくんですが、マックだとどうしてもBページの下部分にはいかないんです。Ｂページにはいくんですが、アンカーのついている下部分にはいってくれません。 マックだとその機能には対応していないんでしょうか？ ちなみにマックはOS9です。 教えてください！！ あと、平方メートルの単位はどうやっていれたらいいんでしょうか？Dreamweaver4を使っていますが、 特殊文字にも入っていません。 教えてください！！
- ベストアンサー
- ホームページ作成ソフト
- 【WordPress】トップページへのバナー入力
当方WordPress初心者で、自社ホームページを制作しています。 ビズベクトルをダウンロードし、制作しているのですが、 トップページ（トップ画像の下・3PRの上）にバナーをはめ込みたいと考えています。 その入力方法を教えていただけないでしょうか。 もし、バナーをはめ込むのが難しい場合は、 テキストを入力する方法でも構いません。 どうぞよろしくお願いいたします。
- 締切済み
- CSS
- スマホサイトで指定ページの指定の場所へリンク
スマホサイトを制作中なのですが、 表題の件でつまづいています。 トップページに <a href="/test/#aaa">○○○</a> testページの指定の場所に <a name="aaa" id="aaa"></a> と書きtestページの#aaaまでリンクさせたいのですが、 普通にtestページに飛ぶだけで、#aaaまで飛んでくれません。 PCでは問題なく動作するのですが、 スマホだと変遷先のアンカーまでは飛んでくれないのでしょうか？ それとも記述が間違っていますでしょうか？ 以下のように <a name="aaa" id="aaa">○○</a> 中に内容を入れてみたりしてもダメでした 環境はiphone5 ios7.1.2 ブラウザはsafariを使用 宜しくお願い致します。
- 締切済み
- HTML
お礼
ありがとうございます。 参考にさせていただきます。 ＞ちなみにIDタグは参考URLにも載せましたが、大文字標記が推奨されています。 知りませんでした。ありがとうございます・