このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

link”要素~“title”属性

記事May 2nd,2015
July 7th,2020
代替スタイルシートの名前を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

title”属性について

title”属性はグローバル属性ですが、rel”属性の値にstylesheetが指定されたlink”要素に指定した場合は代替スタイルシートの名前を指定します。

rel”属性の値にstylesheetを含まない場合はtitle”属性は他の要素に指定された場合と同様に補足情報を表します。

他の要素とは異なり、“title”属性を指定されていないlink”要素は祖先要素に指定されたtitle”属性には関連づけられません。

指定できる値

属性値 説明
テキスト rel”属性の値にstylesheetを含む時】代替スタイルシートの名前
テキスト rel”属性の値にstylesheetを含まない時】補足情報

サンプルコード

代替スタイルシートの名前を指定する

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="icon" href="image/favicon.ico">
<meta name="robots" content="index,follow">
<meta name="keywords" content="バナナ,栄養素,産地">
<meta name="description" content="黄色くて栄養満点な果物であるバナナについて解説します。">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style-altN.css" title="ふつうのスタイル">
<link rel="stylesheet alternate" href="style-altG.css" title="ごうかなスタイル">
<link rel="stylesheet alternate" href="style-altS.css" title="しっそなスタイル">
<title>黄色いフルーツバナナ - 果物を食べる</title>
</head>
<body>
...

外部リソースの補足情報を示す

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="icon" href="image/favicon.ico">
<meta name="robots" content="index,follow">
<meta name="keywords" content="バナナ,栄養素,産地">
<meta name="description" content="黄色くて栄養満点な果物であるバナナについて解説します。">
<link rel="stylesheet" href="style.css">
<link rel="alternate" hreflang="en" href="en/sample.html" title="English version">
<link rel="alternate" hreflang="en" href="sv/sample.html" title="Svensk version">
<link rel="alternate" hreflang="en" href="no/sample.html" title="Norsk versjon">
<title>黄色いフルーツバナナ - 果物を食べる</title>
</head>
<body>
...
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク