link要素
要素名 | バージョン | 開始タグ | 終了タグ | 分類/親 | 中身 |
---|---|---|---|---|---|
link | 2.0, 2.x, 3.2, 4.0, X1.0, X1.1 | 必須 | 禁止 | %head.misc; | EMPTY |
属性名 | バージョン | 属性値 | 既定値 | 備考 |
---|---|---|---|---|
rel | 3.2, 4.0, X1.0, X1.1 | %LinkTypes; | #IMPLIED | forward link types |
rev | 3.2, 4.0, X1.0, X1.1 | %LinkTypes; | #IMPLIED | reverse link types |
type | 4.0, X1.0, X1.1 | %ContentType; | #IMPLIED | advisory content type |
href | 3.2, 4.0, X1.0, X1.1 | %URI; | #IMPLIED | URI for linked resource |
hreflang | 4.0, X1.0, X1.1 | %LanguageCode; | #IMPLIED | language code |
charset | 4.0, X1.0, X1.1 | %Charset; | #IMPLIED | char encoding of linked resource |
media | 4.0, X1.0, X1.1 | %MediaDesc; | #IMPLIED | for rendering on these media |
target | (4.0), (X1.0) | %FrameTarget; | #IMPLIED | render in this frame |
urn | CDATA | #IMPLIED | Permanent address of destination | |
methods | NAMES | #IMPLIED | Operations on destination (advisory) |
共通属性 …… %coreattrs;, %i18n;, %events;
linkの解説
別の文書との関係を示すものです。href属性で URI を指定し、rel属性 または rev属性でこの文書との関係を示します。rel ならでこの文書から見たリンク先文書の位置づけを、rev なら逆にリンク先文書から見たこの文書の位置づけを示します。たとえば、
<link rel="previous" href="document1.html">
<link rel="next" href="document3.html">
のようにすると、この文書の「前のページ」が document1.html、「次のページ」が document3.html になります。これは、rev 属性を使うと以下のようになります。
<link rev="next" href="document1.html">
<link rev="previous" href="document3.html">
このように link要素で指定されたリンクは、ブラウザのナビゲーションバーなどで利用されることが期待される……のですが、天下の MSIE がそのような機能を実装していませんので、利用されることは少ないかも知れません。とはいえ、最近では link 要素を利用できるブラウザもいろいろ出てきましたし、プリフェッチャが先読みに利用することもありますので、指定しておくことには意味があります。
rel = "stylesheet" とすると、外部スタイルシートを参照します。type属性でスタイルシートの種類 (Content-Type) を指定する必要があります。
<link rel="stylesheet" type="text/css" href="style/bakera.css" charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="style/html.css" charset="UTF-8" title="Hatomaru Basic Style" />
<link rel="alternate stylesheet" type="text/css" href="style/large.css" charset="UTF-8" title="Hatomaru Large Font">
このようにすると、bakera.css が固定スタイル、html.css が "Hatomaru Basic Style" という名前の優先スタイルとして適用されます。また、ブラウザの操作によって "Hatomaru Large Font" というスタイルに切り替える事ができ、切り替えると html.css の代わりに large.css が適用されます。
とは言え、このようなスタイルシートの切り替え機能を実装していないブラウザもあり、全てのスタイルが一緒くたに適用されてしまうこともあるようです。例によって天下の MSIE がスタイルシート切り替えに対応していなかったりします。
rel = "alternate" とすると、代替文書を示します。その文書の 他言語版、テキスト版、RSS などを示すことができます。
- 「link要素」にコメントを書く