リンクtag_html/css_WEB-ITnose

リンクの概要

要素の定義

HTML の link 要素は、スタイル シートをリンクして参照スタイル シートを実装するためによく使用されます。 link 要素は head セクションにのみ存在でき、複数回出現できます。以下に示すように、接続された外部スタイル シート theme.css を定義し、スタイル シートのスタイル定義を通じて HTML ドキュメントをフォーマットします。
リスト 1. Link 要素の適用例

要素の属性

パブリック属性:
まず第一に、link 要素は HTML 要素であるため、link には id、class、タイトル、スタイル、ディレクトリ、言語、xml:lang。
オプションの属性:
さらに、HTML4 標準では、以下の表 1 に示すように、リンク要素に対していくつかの特定のオプション属性が定義されています。

表 1. HTML4 標準属性

属性値の説明 ... デバイス上を定義します現在のドキュメントとリンクされたドキュメントの間の関係。たとえば、alternate は代替リンクを定義し、appendix はドキュメントの追加情報を定義し、copyright は現在のドキュメントの著作権を定義します。 リンクされたドキュメントと現在のドキュメントの間の関係を定義しますdocument Relationship、rev および rel 属性は相補的であり、rel は順方向リンク関係を指定し、rev は逆方向リンク関係を指定します。 text/html、text/css など、リンクされたドキュメントの MIME タイプを定義します 属性値 説明 リンクされたリソースのサイズを指定します。 rel="icon" にのみ適用されます。

charset	charset	リンクされたドキュメントの文字エンコーディングの定義
href	URL	定義 リンクされたドキュメントのアドレス URI
	rel	代替、付録、ブックマーク、章、目次、著作権、用語集、ヘルプ、ホーム、インデックス、次へ、前へ、セクション、開始、スタイルシート、サブセクション
	rev	代替、付録、ブックマーク、章、目次、著作権、用語集、ヘルプ、ホーム、インデックス、次へ、前へ、セクション、開始、スタイルシート、サブセクション
	type	MIME_type
	新しい HTML5 標準では、上記の属性にいくつかの変更があります。まず、元の HTML4 の charset や rev などのいくつかの属性が削除されます。これら 2 つの属性は HTML5 ではサポートされなくなります。次に、新しい属性のサイズと Crossorign が追加されました。具体的な情報を以下の表 2 に示します。	表 2. HTML5 標準の新しい属性
	sizes	heightxwidth,any

crossorigin

Anonymous,use-credentials 関連画像を取得するために CORS (CrossOrigin Resources Sharing) クロスオリジン リソース共有を使用するかどうかを指定します。 上記の 2 つの属性は厳密な W3C 標準に属しておらず、ブラウザ関連の定義であり、広くサポートおよび適用されていません。このうち、disabled は IE ブラウザのカスタム属性であり、IE5.5 バージョンからサポートされます。他のブラウザでもこの属性のサポートの程度は異なります。以下では、さまざまなブラウザーにおける link 要素の disabled 属性の互換性について説明します。 関連参考: HTMLのLink要素のdisable属性について詳しく解説 jQueryのattrとprop(AttributeとPropertyの違い) CSS外部スタイルシートの紹介(相対パスと絶対パス)

	その他の属性:	disabled 属性や target 属性など。disabled 属性はリンクを無効にするために使用されます。無効なリンク要素ファイルに含まれるスタイルは HTML 要素には適用できません。 Target プロパティは、接続されたドキュメントが読み込まれるウィンドウまたはフレームを定義します。