- ベストアンサー
rel属性とhref属性とtitle属性を組み合わせてリンクを作る方法
- HTML初心者がrel属性とhref属性とtitle属性を組み合わせてリンクを作る方法を調べています。
- アンカータグのhref属性だけではなく、rel属性とtitle属性も組み合わせることでリンクの機能を拡張することができます。
- しかし、正しくコーディングできずにうまくいかない状況です。rel属性に関する理解が不十分なため、より詳しい情報を求めています。
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
＞ソースを見てもAタグが乗っておらずわかりませんでした。 <body>の後の4行目（空行は数えないで）の <p><a href="./elements.html"><<PREV</a> | <a href="./index.html#toc">目次</a> | <a href="./address.html">NEXT>></a></p> の部分。 空行が多いので、下にスクロールしてみること。
その他の回答 (4)
- notnot
- ベストアンサー率47% (4900/10358)
＞ソースを見てもAタグが乗っておらずわかりませんでした。 小文字のaです。検索時に、大文字小文字を区別するにチェックが入っているとか。 というか、検索とかしなくても body部分 の先頭にありますけど。。。 そもそも、HTMLソースの表示の仕方がわからないとか言うことでしょうか？
お礼
見落としていました・・ ありがとうございました！！
- notnot
- ベストアンサー率47% (4900/10358)
#1です。 補足に書かれたサイトをFirefoxで見てますが、relのナビゲーションは当然のことながら、表示されません。機能が無いのですから。 もしかして、ページ上部の緑色の、「<<PREV | 目次 | NEXT>>」をナビゲーションバーだと勘違いしてませんか？それは普通のAタグですよ。ソースを見ればわかると思いますけど。
補足
ご対応ありがとうございます。 ひとつ気になった点があるのでまたですが、質問させてください。 >>それは普通のAタグですよ。ソースを見ればわかると思いますけど。 ソースを見てもAタグが乗っておらずわかりませんでした。 勉強不足でお恥ずかしい限りですが、どのように把握したのか ご教授願います。
- 藤田 朋郎（@hujitomo）
- ベストアンサー率54% (39/71)
なんか根本的な勘違いをしているみたい <a rel="next" href=".PAGE2.html" title="PAGE2について">NEXT</a> アンカータグってのは↑ですよ？ あなたのおっしゃる <link rel="next" href=".PAGE2.html" title="PAGE2について" /> LINKタグは関連する文書ファイルを指定するものです。 まったくの別物。 名前が LINK だから混同しちゃったんだろうけど、ハイパーリンク（いわゆるリンク）に使用するのは <link> タグではなく <a> タグです ですから <a> タグを使って <body> 内の好きなところにリンクを設置すれば幸せになれると思うな
- notnot
- ベストアンサー率47% (4900/10358)
ヘッダ中で指定するnext/back/index等は、ブラウザにページ間の関連を知らせるものですが、ブラウザがそれをどう扱うかはブラウザ次第です。 Operaだと、「ナビゲーションツールバー」というのが出て、該当のボタンが表示されるそうです（使ったこと無いのですが)。Opera以外のブラウザでは標準ではサポートされてないはずなので、無意味です。Firefoxだと同様の機能を追加するアドオンがあったはずです。
補足
notnot様 迅速なご対応ありがとうございます。 申し上げにくいのですが、以下のサイトでは、"前に戻る"や"次に進む"などの情報をnextやprevなどを利用して使っているようです。 http://msugai.fc2web.com/web/tut/HTMLtut/headings.html 回答者様に教えていたアドオン機能なしで、Firefoxで見てみましたが表示はきちんとされていました。 すいませんが、これに関してアドバイスがありましたらよろしくお願いします。
お礼
きづきませんでした。てっきりこれで完結しているかと・・ ありがとうございました！！