ページ途中に
▲このページのTOPに戻る
というような、アンカーテキストを入れたいのですが、
ご相談にのってください。
ページ頭部分に、
<a name="top">○○</a>
この○○、入れないとやはりだめでしょうか?
<a name="top">○○</a>
がなくても戻れるくらいなので、戻れることは戻れるのですが…
ページ頭に、サイトバナー、パンくずリスト、などがあり、
どれもすでにアンカーテキストなのです。
なので、重ねて入れることも出来ず、<a name="top"></a>
だけでムリなのかと…。
またはほかに、なにか良い方法があれば教えてください。
No.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>
参考URL:http://openlab.ring.gr.jp/k16/htmllint/explain.h …
ありがとうございます。
参考にさせていただきます。
>ちなみにIDタグは参考URLにも載せましたが、大文字標記が推奨されています。
知りませんでした。ありがとうございます・
No.2
- 回答日時:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt …<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が見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リンク先からリンク元の、同じ...
-
ページの途中にリンクするとそ...
-
dreamweaverCS4で、絶対パスで...
-
ポップアップ画面にアンカーを...
-
target="_blank"のリンクは、ブ...
-
インラインフレーム内でリンク移動
-
インラインフレーム内のアンカ...
-
iframe内の特定の場所にジャン...
-
リンクの文字とリンクの文字を...
-
a:linkのスタイルのインライン指定
-
<a href="/">トップへ</a> こ...
-
カーソルを合わせたら効果音を...
-
別ページにリンクを反映させる...
-
form action="#"
-
ページ内アンカーに移動しない:
-
インラインフレームの中に表示...
-
Ipadのsafariツールバーを...
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
java_run.batがダウンロードで...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
form action="#"
-
<a href="/">トップへ</a> こ...
-
リンク先からリンク元の、同じ...
-
httpdで接続が拒否される
-
インラインフレームの中に表示...
-
ポップアップ画面にアンカーを...
-
Preタグ内URLからリンクは張れ...
-
ページ内の画像だけを一定時間...
-
インラインフレーム内のアンカ...
-
画像をクリックしたら音楽が流...
-
ページの途中にリンクするとそ...
-
safariでアンカーリンクが動作...
-
a:linkのスタイルのインライン指定
-
<a target="_top" href="***.ht...
-
インラインフレーム切り替え&...
-
画面を開いたときに指定位置ま...
-
同じHTMLなのに色が違う原因は?
-
googleサーチコンソールで、重...
-
ページ内リンクで<a href="#任...
-
インラインフレーム内でリンク移動
おすすめ情報