Link 要素にサイトナビゲーションを記述

* Link 要素にサイトナビゲーションを記述

この記事の直リンクURL: Permlink | この記事が属するカテゴリ: [HTML]

当サイト Landscape はまだま改善の余地がある。少しずついじっていこう。
まずはより快適にブラウズできるように、メタ情報を html に埋め込んでみる。

HTML - link要素の使い方
http://www.kanzaki.com/docs/html/link.html

link要素は文書全体についての情報を記述するhead要素の中に置かれ、HTML文書を前後の文書、スタイルシート、スクリプト、代替文書などの様々なリソースと結びつける働きをします。ブラウザなどのユーザーエージェントは、これを使ってナビゲーション・パレットを表示したり、自動的に正しい順番でファイルを印刷したりといった応用が可能です。

- link 要素によるサイトナビゲーション

リンクタイプの深淵 [QUIA]
http://www5d.biglobe.ne.jp/~quia/tech/html/linktype.html

A, Link 要素の rel/rev 属性はリンクタイプを値としてとります。リンクタイプとは，当該 A / Link 要素によって示される文書間関係に一定の意味を与えるものです。

以前作ったサイトでは、ほぼすべてのページに Link 要素によるサイトナビゲーションを埋め込んでいた。しかし、この情報を解釈できるブラウザはほとんどなかったため、最近ではおそろかにしていた。最近は link 要素を解釈するブラウザを使うこともあるし、html lint で「<HEAD>～</HEAD> 内に <LINK REL="NEXT" HREF="～"> などのナヴィゲーション用のリンクが含まれていません。」と毎回指摘されるのも美しくないので、これを head タグ内に埋め込むことにする。

<link rel="top" href="/" title="Landscape トップページ">

Mozilla では上記の記述がある html だと、サイトナビゲーションバーを使ったページ移動ができるようになる。サイトのレイアウトに左右されずにページ間の移動ができるのでかなり便利だ。

ではテストしてみよう。Firefox を立ち上げて html をブラウズしてみる。あれ? サイトナビゲーションバーを表示するオプションってどこにあるんだろう? Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7) Gecko/20040803 Firefox/0.8 ではどうやってこの Site Navigation Bar を表示させるのかがわからない。うーん、どうしよう。

Google で Site Navigation Bar を検索してわかったが、FireFox からは削除されている機能のようだ。エクステンションを入れれば使えるそうだが、手間だな。確か古い Mozilla をアンインストールせずに残しておいたはずなので、こっちを使おう。

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.6) Gecko/20040113 か。かなり古いのでウェブの大海原に乗り出すならセキュリティアップデートもたくさん必要になるだろうが、ローカルでテストするだけならこのままでも問題ないでしょう。html を読み込ませると、問題なくナビゲーションバーが表示された。TOP を押すとトップページを表示してくれる。いいぞいいぞ。

- Opera は複数のリンクタイプを解釈できない

リンクタイプの深淵 [QUIA]
http://www5d.biglobe.ne.jp/~quia/tech/html/linktype.html

また，半角空白で区切り並置することによって複数のリンクタイプを指定することも許されています。たとえば，<LINK rel="help copyright" href="./help-and-copy.html"> のように記述することができます。

<link rel="top home" href="/" title="Landscape トップページ">

つまり上記のように記述できるということだ。しかし、Mozilla は上記の記述で問題なく動作したが、Opera 7.53 Build 3864 はこの記述を受け付けず、top も home のどちらの値も未設定になってしまう。仕方がないので以下のような冗長な記述になった。

<link rel="top" href="/" title="Landscape トップページ">
<link rel="home" href="/" title="Landscape トップページ">
<link rel="index" href="all_category_article.html" title="すべての記事の見出し (カテゴリ別表示) ">
<link rel="contents" href="all_category_article.html" title="すべての記事の見出し (カテゴリ別表示) ">

これなら Opera でも Mozilla でも問題なく表示された。

すべての記事の見出し (全1029件)

全カテゴリの一覧と記事の数

カテゴリごとに記事をまとめ読みできます。記事の表題だけを見たい場合は、すべての記事の見出し (カテゴリ別表示) へ。