ばけらの HTML リファレンス(未完成)

bakera.jp > 鳩丸リファレンス > ばけらの HTML リファレンス(未完成) > 要素一覧 > link要素

link要素

要素名バージョン開始タグ終了タグ分類/親中身
link2.0, 2.x, 3.2, 4.0, X1.0, X1.1必須禁止%head.misc;EMPTY
属性名バージョン属性値既定値備考
rel3.2, 4.0, X1.0, X1.1%LinkTypes;#IMPLIEDforward link types
rev3.2, 4.0, X1.0, X1.1%LinkTypes;#IMPLIEDreverse link types
type4.0, X1.0, X1.1%ContentType;#IMPLIEDadvisory content type
href3.2, 4.0, X1.0, X1.1%URI;#IMPLIEDURI for linked resource
hreflang4.0, X1.0, X1.1%LanguageCode;#IMPLIEDlanguage code
charset4.0, X1.0, X1.1%Charset;#IMPLIEDchar encoding of linked resource
media4.0, X1.0, X1.1%MediaDesc;#IMPLIEDfor rendering on these media
target(4.0), (X1.0)%FrameTarget;#IMPLIEDrender in this frame
urnCDATA#IMPLIEDPermanent address of destination
methodsNAMES#IMPLIEDOperations 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 などを示すことができます。

最近の日記

関わった本など