link

提供: ASCII.jp HTMLリファレンス

ver.8~ ver.7~ ver.14~ ver.5.1~ ver.11.5~
意味 リソースへのリンクの指定
読み方 リンク

カテゴリー

メタデータ・コンテンツ

親にできる要素/カテゴリー

メタデータ・コンテンツが期待される個所。または、head要素の子であるnoscript要素の中

子にできる要素/カテゴリー

<link 属性="値">

属性 概要
href URL リソースのアドレス
rel 文字列 リソースのタイプ
hreflang 文字列 リソースの言語
media 文字列 そのリソースに適したメディア
type 文字列 リソースのMIMEタイプ
title 文字列 リソースのタイトル。ただし、スタイルシートへのリンクの時は、優先スタイルシートか代替スタイルシートのグループ名

グローバル属性

accesskey,class,contenteditable,contextmenu,dir,draggable,hidden,id,lang,spellcheck,style,tabindex,title

説明

 link要素は、各種のリソースへのリンクを指定します。

 href属性で、リソースまたはハイパーリンクのアドレスを設定します。また、rel属性で、リソースのタイプを示します。rel属性に指定できる値として、以下のようなものがあります。

タイプ 種類 概要
alternate ハイパーリンク 現在の文書の代替表現のアドレス
author ハイパーリンク 現在の文書の著者のページのアドレス
help ハイパーリンク 文脈に応じたヘルプへのリンク
icon 外部リソース 現在の文書のアイコンのアドレス
license ハイパーリンク 現在の文書のライセンスへのアドレス
next ハイパーリンク 次のドキュメントのアドレス
pingback 外部リソース pingbackサーバーのアドレス
prefetch 外部リソース 先にキャッシュすべきリソース
search ハイパーリンク 検索ページのアドレス
sidebar ハイパーリンク サイドバーに表示される参照文書のアドレス
stylesheet 外部リソース スタイルシートのアドレス
tag ハイパーリンク 現在の文書に適用するタグ

 media属性は、リソースを適用すべきメディアの種類を指定します。デフォルト値は「all」になっているため、media属性を省略すると、すべてのメディアに対してリソースが適用されます。

 hreflang属性は、リソースの言語を示します。

 type属性は、リソースのMIMEタイプを表します。

 title属性は、ほとんどの場合は、リソースのタイトルを表示します。ただし、rel属性の値が「stylesheet」の場合、title属性は優先スタイルシートのグループ名を指します。また、rel属性の値が「alternate stylesheet」の場合は、title属性は代替スタイルシートのグループ名になります。

 sizes属性は、rel属性が「icon」の時に使われ、アイコン画像の縦横のピクセル数を示します。「16x16」のような形式で指定します。

サンプル

HTMLファイル
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>link要素 - サンプル</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<p class="sample">link要素のサンプル</p>
</body>
</html>
style.cssファイル
.sample {
    font-size : 48px;
}

サンプル実行画像

Powered by Web Professional

目次