link relタグで次の頁へのリンクを表示する方法は？
- link relタグはブログのhtmlの最初のほうに使うタグで、次の記事を先に読み込むためのものです。
- 次のページへのリンクを表示するためには、次のようにlink relタグを使用します：<link rel="next" href="次のページのURL" title="次のページへ移動" />
- link relタグでは文字を表示することはできません。次のページへのリンクに文字を表示する場合は、aタグを使用する必要があります。
- ベストアンサー
link relタグは次の記事を先に読みこむタグですが
ブログのhtmlの最初のほうに使うタグのlink relタグというのは、次の記事を先に読み込む為のタグと説明されてますが、 それを使ったタグに「次の頁へ」という表示をしたいのですが、 どう書けば文字を表示できるのでしょうか。 <!--nextpage--><link rel="next" href="<%nextpage_url>" title="次のページへ移動" /><!--/nextpage--> とあるhtmlのどのように変えたらいいのか いろいろいじったのですが 文字が表示されません。 「 》 」このカッコの表示だけなんです。 《 このブログのタイトル 》 この感じでリンクが貼られた状態なんですが、 これを 《前のページへ このブログのタイトル 次のページへ》 という様に 文字も入れたいのですが、出来ないんでしょうか？ a hrefタグを使うのが正解なんでしょうか？ でもこのブログのhtmlのこの場所のかたまりには、link relタグしか 使ってないので、このタグで文字の表示は出来ないかと調べているんですが、方法はないのでしょうか？ どうぞよろしくお願いいたします。
- kamesan1ba
- お礼率88% (23/26)
- ブログ
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
＞このブログのhtmlのこの場所のかたまりには、link relタグしか使ってない そこはheadタグ内では？ htmlの最初のほうにあるheadタグ内に書かれていることは、ブラウザやサーチエンジンのための記述（ヘッダ情報）です。 http://w3g.jp/xhtml/dic/head ここに書いてある通り「head要素内に記述された内容は視覚環境の UA には表示されません」要はブラウザには表示されません。 ブラウザに表示される要素はもっと下、bodyタグ内です。 bodyタグ内でaタグを使います。（link要素はheadの子要素なのでbody内では使いません）
関連するQ&A
- rel属性とhref属性とtitle属性を組み合わせてリンクをつくる
rel属性とhref属性とtitle属性を組み合わせてリンクをつくる お世話になっております。 HTML初心者です。 自作HPを作成しており、よくわからないことが出てきたので質問させてください。 見出しに "前に戻る","次に進む","HOME"などのリンクをつけたいと思っています。 アンカータグに、href属性を組み合わせて、使用すればできることはわかったのですが、 rel属性とhref属性とtitle属性を組み合わせて作ろうと思っています。しかし、 うまくいきません。 たとえば、headerタグ内に、 <link rel="next" href=".PAGE2.html" title="PAGE2について" /> というようなコーディングを行ったのですが、まったくうまくいきません。 ページ１において、”PAGE2について”という文字が出てきてそこをクリックするとページ2にとべる・・ というような仕組みを考えているのですが・・・ rel属性に関しての理解が不十分なためとは思うのですが、ご存知の方が いらっしゃたらご教授願います。 よろしくお願いします。
- ベストアンサー
- HTML
- シーサーブログのrel="canonical"属性
seesaaブログでのrel="canonical" 属性について教えてください。 seesaaブログでURLを統一するためにcanonical属性を使おうと思っているのですが、どのように独自タグを使って設定すればいいでしょうか？ 設定したいページは http://○○○.seesaa.net/ のサイトトップページと http://○○○.seesaa.net/article/○○○.html の個別記事ページ の二つを考えています。 seesaaにある独自タグを使って <link rel="canonical" href="独自タグ"/>で設定しようとしたのですが、なかなかうまくいきませんでした。 よかったらご教授御願いします。
- ベストアンサー
- ブログ
- link要素の意味/使い方について（<link rel="？"なものが多いので
<head></head> 内の、 <link rev="made" href="mailto:～" /> <link rel="next" href="～" /> は、 ●どういう意味あいで書くもので、 ●実際問題どのような影響があるのでしょうか？ ●またどのような記述が正しいのでしょうか？ また、<link .... / > というものをこれら以外にもみかけたのですが、 これらの意味についてお教えいただけないでしょうか？ あるいは、これらについてのまとめサイト的なものはないでしょうか？ （英語でもOK） http://www.kanzaki.com/docs/html/link.html に一部解説がありますが、この解説に掲載されていないものも、たくさん下記にあるようです。 //=========================================================== //ある個人サイトでみかけたもの <link rel="openid.delegate" href="～" /> <link rel="openid.server" href="～" /> <link rel="schema.geo" href="～" /> <link rel="meta" href="/info/webwho.rdf" type="application/rdf+xml" title="～" /> <link rel="meta" href="/w3c/pics-labels.rdf" type="application/rdf+xml" title="～" /> <link rel="alternate" type="text/html" hreflang="en" href="./index.html.en" /> <link rel="alternate" type="application/xml" href="/info/rss.rdf" title="RSS update information" /> <link rel="help" href="/info/navi" /> <link rel="copyright" href="/info/disclaimer" /> <link rel="shortcut icon" href="./favicon.ico" /> <link rev="made" href="mailto:webmaster@example.com" /> ※なお、その個人サイトでは、 <link rev="made" href="mailto:webmaster@example.com" />と記述しているにも関わらず。 本文にて、 「メールアドレスwebmaster@example.comは無効にしています。メッセージは******（別のメアド)にお送り下さい。」 これって、矛盾はしていないのでしょうか？ //----------------------------------------------------------- （↓これはさすがにわかります） <link rel="stylesheet" href="/hoge.css" type="text/css" /> //=========================================================== //wikipediaでみかけたもの // http://ja.wikipedia.org/wiki/%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%9A%E3%83%BC%E3%82%B8 <link rel="alternate" type="application/x-wiki" title="編集" href="～" /> <link rel="apple-touch-icon" href="～/apple-touch-icon.png" /> <link rel="search" type="application/opensearchdescription+xml" href="～/opensearch_desc.php" title="Wikipedia (ja)" /> <link rel="copyright" href="～/fdl.html" /> <link rel="alternate" type="application/rss+xml" title="Wikipedia をRSSフィード" href="～" /> <link rel="alternate" type="application/atom+xml" title="Wikipedia をAtomフィード" href="～" /> ※話題が若干ずれますが、 RSSが、 「ある個人サイトでみかけたもの」では application/xmlとなっており、 wikipediaでは、application/rss+xml となっていますが、どちらのほうが望ましいのでしょうか？ //----------------------------------------------------------- //=========================================================== //w3cでみかけたもの // http://www.w3.org/ <link rel="meta" href="/Overview-about.rdf" /> <link rel="bookmark" href="#technologies" title="Technologies |" /> <link rel="bookmark" href="#news" title="News |" /> <link rel="bookmark" href="#search" title="Search |" /> <link rel="contents" href="#contents" title="Contents |" /> <link rel="bookmark" href="#Offices" title="Offices |" /> <link rel="bookmark" href="#systems" title="Systems |" /> <link rel="bookmark" href="#donors" title="Supporters |" /> <link rel="bookmark" href="#footnotes" title="Footnotes |" /> <link rel="alternate" type="application/rss+xml" title="W3C Home Page News RSS Channel" href="http://www.w3.org/2000/08/w3c-synd/home.rss" /> ご存じの方がいらっしゃいましたら、お教えいただければ幸いです。 以上、よろしくお願いいたします。
- 締切済み
- HTML
- Tumblrで記事中にリンクが貼れない
Tumblrで「Aa テキスト」の所から記事を書く際に、 記事中にリンクを貼ろうとしたら、うまく表示されません。 例えば「パソコン」という文字にリンクを貼って、パソコンの画像検索ページに飛ばそうとする時。 「この<a href="画像検索ページのURL">パソコン</a>がおすすめ！」 と記事を書いて保存すると、Tumblrの自分のサイト上で 「この<a href="画像検索ページのURL">パソコン</a>がおすすめ！」 とそのままタグが表示されてしまいます。 ダッシュボードで保存した記事を見てもそのままタグが表示されたり、</a>以降の「がおすすめ！」の部分までリンクの下線が続いたりします。 わかりにくくてすみませんが、どうしてTumblrの記事上でリンクが貼れないのでしょうか？ 記事中の文字を押すとその言葉に関連したページなどに飛べるようにしたいので、Tumblrの「リンク」ではなくhtmlで組み込めるようにしたいです。 どうかご示唆のほどよろしくお願い致します。
- 締切済み
- ブログ
- 次のページ・前のページにタイトルを表示させたい
よろしくお願いします。 無料のＦＣ２ブログを独学で始めたばかりです。 共有テンプレートを使わせて頂いて、ＨＴＭＬを少し変更したりしましたが、基本的なことはわかりません。 ブログの記事の外に、 「前のページ ＨＯＭＥ 次のページ」 というのがありますが、 「（前の記事のタイトル） ＨＯＭＥ （次の記事のタイトル）」 というように、記事のタイトルを表示したいのですが、 ＨＴＭＬで「前の記事」の所をどのように変えたら良いのか教えて頂けないでしょうか。 以下のようになっています。 <!--─────────■次のページ・前のページ ────────────────────────────--> <div class="page_navi"> <!--permanent_area--> <!--preventry--> <a href="<%preventry_url>"> « <%preventry_title></a> <!--/preventry--> <a href="<%url>"> <%template_home> </a> <!--nextentry--> <a href="<%nextentry_url>"><%nextentry_title> » </a> <!--/nextentry--> <!--/permanent_area--> <!--not_permanent_area--> <!--prevpage--><a href="<%prevpage_url>"><!--/prevpage-->«-次のページ-<!--prevpage--></a><!--/prevpage--> <a href="<%url>"> －ＨＯＭＥ－ </a> <!--nextpage--><a href="<%nextpage_url>"><!--/nextpage-->-前のページ-»<!--nextpage--></a><!--/nextpage--> <!--/not_permanent_area--> </div><!--──────■次のページ・前のページここまで-->
- ベストアンサー
- ブログ
- link属性のrel="start"についての質問です。
link属性のrel="start"についての質問です。 通常は<link rel="start" href="http://***.jp/" title="タイトル" />ようにトップページを記述すると思うのですが、ディレクトリ毎にサイトを分けている場合<link rel="start" href="http://***.jp/sample/" title="タイトル" />のようにそのディレクトリを記述したほうがよいのでしょうか？ それとも大元のトップページでしょうか？ それと書き方についてですが「http://***.jp/」と書くのと「http://***.jp/index.html」どちらのほうがいいのでしょうか？ 質問ばかりですみませんがよろしくお願いします。
- ベストアンサー
- HTML
- 以前、書いた記事のページを新しい記事の中にリンクを貼りたい
初歩的な質問かもしれませんが、お願いします。 自分のブログで以前、「メンバー募集」の記事を載せましたが、あまり反響が無く。 次の「新しい話題」の記事中での文章の最後に、先のページ（メンバー募集）の「タイトル文字」をリンクを貼って、毎回表示させたいのですが、 どのようにすれば、よいでしょうか？ ＨＴＭＬなんか使えない初心者です
- ベストアンサー
- ブログ
- link rel canonicalについて
link rel canonicalを入れることになって調べてたのですが色々分からず質問させてください。 違うURLで同じページとみられる場合に使う。。 例えば下記のURLのような場合全部同じページへ飛ぶ。。 http://www.test.com/index.html http://www.test.com/ http://www.test.com http://test.com 上記でindex.htmlに、正しいURLを2番目のにしたい場合、 <link rel="canonical" href="http://www.test.com/" />と記述するということで正しいでしょうか？ 又、ルートディレクトリにsitemap.htmlというファイルがあったとして、 このファイルが特に重複するようなページで無い場合には記述はいらないということでしょうか？ 仮にこのsitemap.htmlに<link rel="canonical" href="http://www.test.com/" />を記述してしまっている場合よろしくないでしょうか？ もう一つ質問になってしまうのですが、PHPが絡むファイルがある場合、 例えば応募フォームで下記フォルダで、htp://www.test.com/oubo/でsend.htmlが表示されるような場合。 /oubo/index.php（画面、入力等の制御） /oubo/send.html（入力ページ） /oubo/confirm.html（確認ページ） /oubo/thnk.html（完了ページ） この場合、 htp://www.test.com/oubo/でURLを打っても、 htp://www.test.com/oubo/index.phpでURLを打っても表示されるページは同じですが、 この場合に重複とみなされるのでしょうか？ こういった場合に/oubo/send.htmlに、 <link rel="canonical" href="http://www.test.com/oubo/" />という記述をすれば良いということなのでしょうか？ 頑張って勉強したいのでご教授お願いします！
- 締切済み
- SEO
- クリックすると次のリンクを
javascriptはコピーでしか使用しないのですが、下記のようなことは可能でしょうか。 1.htm 2.htm 3.htm ・・・続く 上記を順に表示したいのですが。 <SCRIPT language=JavaScript> nextpage()"{ ★ここに何を書く？ } </script> <A HREF="" onclick="nextpage()">次のページ</A>
- ベストアンサー
- JavaScript
お礼
Muller3様 ご教示ありがとうございます。 なるほどheadの中は表示されないんですね。 表示されるのはbodyの中だったんですね。 bodyの中探してきました、下のほうにありました。 a hrefタグで、書かれていました。 本当にありがとうございました。 こんな初心的な事にも親切にコメントをしていただけて感謝いたします。 bodyの下のほうにa hrefタグを見つけて更新画面を見て表示された時 「やったー」と思いました。もう3日も調べて理解できなくて頭が割れそうだったので本当に感謝いたします。ありがとうございました。