![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
rel属性とhref属性とtitle属性を組み合わせてリンクをつくる
お世話になっております。
HTML初心者です。
自作HPを作成しており、よくわからないことが出てきたので質問させてください。
見出しに "前に戻る","次に進む","HOME"などのリンクをつけたいと思っています。
アンカータグに、href属性を組み合わせて、使用すればできることはわかったのですが、
rel属性とhref属性とtitle属性を組み合わせて作ろうと思っています。しかし、
うまくいきません。
たとえば、headerタグ内に、
<link rel="next" href=".PAGE2.html" title="PAGE2について" />
というようなコーディングを行ったのですが、まったくうまくいきません。
ページ1において、”PAGE2について”という文字が出てきてそこをクリックするとページ2にとべる・・
というような仕組みを考えているのですが・・・
rel属性に関しての理解が不十分なためとは思うのですが、ご存知の方が
いらっしゃたらご教授願います。
よろしくお願いします。
No.5ベストアンサー
- 回答日時:
>ソースを見てもAタグが乗っておらずわかりませんでした。
<body>の後の4行目(空行は数えないで)の
<p><a href="./elements.html"><<PREV</a> | <a href="./index.html#toc">目次</a> | <a href="./address.html">NEXT>></a></p>
の部分。
空行が多いので、下にスクロールしてみること。
No.3
- 回答日時:
#1です。
補足に書かれたサイトをFirefoxで見てますが、relのナビゲーションは当然のことながら、表示されません。機能が無いのですから。
もしかして、ページ上部の緑色の、「<<PREV | 目次 | NEXT>>」をナビゲーションバーだと勘違いしてませんか?それは普通のAタグですよ。ソースを見ればわかると思いますけど。
この回答への補足
ご対応ありがとうございます。
ひとつ気になった点があるのでまたですが、質問させてください。
>>それは普通のAタグですよ。ソースを見ればわかると思いますけど。
ソースを見てもAタグが乗っておらずわかりませんでした。
勉強不足でお恥ずかしい限りですが、どのように把握したのか
ご教授願います。
No.2
- 回答日時:
なんか根本的な勘違いをしているみたい
<a rel="next" href=".PAGE2.html" title="PAGE2について">NEXT</a>
アンカータグってのは↑ですよ?
あなたのおっしゃる
<link rel="next" href=".PAGE2.html" title="PAGE2について" />
LINKタグは関連する文書ファイルを指定するものです。
まったくの別物。
名前が LINK だから混同しちゃったんだろうけど、ハイパーリンク(いわゆるリンク)に使用するのは <link> タグではなく <a> タグです
ですから <a> タグを使って <body> 内の好きなところにリンクを設置すれば幸せになれると思うな
No.1
- 回答日時:
ヘッダ中で指定するnext/back/index等は、ブラウザにページ間の関連を知らせるものですが、ブラウザがそれをどう扱うかはブラウザ次第です。
Operaだと、「ナビゲーションツールバー」というのが出て、該当のボタンが表示されるそうです(使ったこと無いのですが)。Opera以外のブラウザでは標準ではサポートされてないはずなので、無意味です。Firefoxだと同様の機能を追加するアドオンがあったはずです。
この回答への補足
notnot様
迅速なご対応ありがとうございます。
申し上げにくいのですが、以下のサイトでは、"前に戻る"や"次に進む"などの情報をnextやprevなどを利用して使っているようです。
http://msugai.fc2web.com/web/tut/HTMLtut/heading …
回答者様に教えていたアドオン機能なしで、Firefoxで見てみましたが表示はきちんとされていました。
すいませんが、これに関してアドバイスがありましたらよろしくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リンク先からリンク元の、同じ...
-
【docomoガラケー】ページ内リ...
-
rel属性とhref属性とtitle属性...
-
form action="#"
-
インラインフレーム切り替え&...
-
dreamweaverCS4で、絶対パスで...
-
VBA IE操作 スクレイピング
-
googleドライブで、PDFファイル...
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
-
Excel VBA :URLの中で変数を使...
-
一つのリンクに複数のURLを指定
-
pythonのエラーについての質問...
-
FTPしたのに、ページが真っ白です
-
htmlファイルの表示が真っ白
-
HTMLページが勝手にダウンロー...
-
社内で利用するWebサイトを立ち...
-
Google iモード
-
htmlの中にexcelが埋め込むには...
-
iPadの標準ブラウザでローカルH...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
form action="#"
-
リンク先からリンク元の、同じ...
-
<a href="/">トップへ</a> こ...
-
httpdで接続が拒否される
-
<a target="_top" href="***.ht...
-
Preタグ内URLからリンクは張れ...
-
ページの途中にリンクするとそ...
-
インラインフレームの中に表示...
-
リンクの文字とリンクの文字を...
-
a:linkのスタイルのインライン指定
-
iframe内の特定の場所にジャン...
-
画像をクリックしたら音楽が流...
-
画面を開いたときに指定位置ま...
-
googleサーチコンソールで、重...
-
HTMLで別のフォルダのファイル...
-
ラベルに飛ばない
-
カーソルを合わせたら効果音を...
-
HTMLの中に他のHTMLを表示する方法
-
掲示板のレスへの リンクの貼り方
-
インラインフレーム内のアンカ...
おすすめ情報