HTML5のリファレンスサイトです。


<link>

外部リソースをリンクします。

有効な属性
属性名説明
href必須。リソースのURLを指定します。
rel必須。リンクタイプを設定します。
mediaリンクが使用されるメディアを指定します。指定しない場合は "all" 
hreflangリンクされたリソースの言語を指定します。
typeリンクされたリソースのMIMEタイプを指定します。
sizesrel="icon" での指定できます。アイコンサイズです。"32x32" のように「x」で区切って「横x縦」を指定します。

hrefとrelは必須です。
指定されていない場合は無効です。

他に、何のリンクかわかるように、
グローバル属性のtitleでリンクのタイトルを設定する必要がある可能性が高いです。

rel属性に指定できる値
属性値説明
alternate現在のページの代替表現へのリンクを提供します。
author現在のページの作者に関するページへのリンクを提供します。
help説明ページへのリンクを提供します。
icon現在のページのアイコンをインポートします。
license現在のページのライセンスを記したリソースがある場合に指定します。
next次のページへのリンクを提供します。
prefetchリソースを先読みキャッシュさせます。
prev前のページへのリンクを提供します。
search現在の文書とその関連ページを検索するために使用できるリソースへのリンクを提供します。
stylesheetスタイルシートをインポートします。

rel属性はスペース区切りで複数指定できます。

<link rel="stylesheet">
<link rel="icon">
<link rel="prefetch">
はページ表示時に自動ロードされます。

一番よく使うのは、
<link rel="stylesheet">
でCSSをインポート。
CSSをHTMLに<style>で直接書かずに外部リソースにし複数のページで同一のリソースを参照することで、
WEBサイトの複数のページのCSSをまとめて編集できるため、
WEBサイトではほぼすべてのページで使用します。

<link rel="icon">
は、ブラウザにアイコンを表示させたい場合に使用します。
以前は、
<link rel="shortcut icon">
と記述していましたが、"icon" が正しいものと思われます。

RSSやAtomフィードなどのHTML以外の形式を提供する場合、
<link rel="alternate">
を使用します。

[編集]   [AD]
rentafree.net