この記事は翻訳が完了していません。 この記事の翻訳にご協力ください
HTMLLinkElement インターフェイスは、外部リソースの参照情報、およびそれらのリソースとドキュメントの関係 (またはその逆) を表します。このオブジェクトは、HTMLElement インターフェイスのすべてのプロパティとメソッドを継承します。
<div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 20%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 120" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/ja/docs/Web/API/EventTarget" target="_top"><rect x="1" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="56" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">EventTarget</text></a><polyline points="111,25 121,20 121,30 111,25" stroke="#D4DDE4" fill="none"/><line x1="121" y1="25" x2="151" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/ja/docs/Web/API/Node" target="_top"><rect x="151" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="188.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Node</text></a><polyline points="226,25 236,20 236,30 226,25" stroke="#D4DDE4" fill="none"/><line x1="236" y1="25" x2="266" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/ja/docs/Web/API/Element" target="_top"><rect x="266" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="303.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Element</text></a><polyline points="341,25 351,20 351,30 341,25" stroke="#D4DDE4" fill="none"/><line x1="351" y1="25" x2="381" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/ja/docs/Web/API/HTMLElement" target="_top"><rect x="381" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="436" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLElement</text></a><polyline points="491,25 501,20 501,30 491,25" stroke="#D4DDE4" fill="none"/><line x1="501" y1="25" x2="509" y2="25" stroke="#D4DDE4"/><line x1="509" y1="25" x2="509" y2="90" stroke="#D4DDE4"/><line x1="509" y1="90" x2="492" y2="90" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/ja/docs/Web/API/HTMLLinkElement" target="_top"><rect x="341" y="65" width="150" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text x="416" y="94" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLLinkElement</text></a></svg></div>
a:hover text { fill: #0095DD; pointer-events: all;}
プロパティ
親、HTMLElement、および LinkStyle からプロパティを継承します。
HTMLLinkElement.as- HTML リンクによって読み込まれるコンテンツのタイプを表す
DOMString。 HTMLLinkElement.crossOrigin- このリンク要素のCORS設定に対応する
DOMString。詳細については、CORS設定属性を参照してください。 HTMLLinkElement.disabled- リンクが無効であるかどうかを表す
Boolean。現在、スタイルシートリンクでのみ使用されています。 HTMLLinkElement.href- 対象リソースの URI を表す
DOMString。 HTMLLinkElement.hreflang- リンク先リソースの言語コードを表す
DOMString。 HTMLLinkElement.media- リソースに適用される（ 1 つ以上の）メディアフォーマットのリストを表す
DOMString。 HTMLLinkElement.referrerPolicy- 使用するリファラーを示す
referrerpolicyHTML 属性を反映するDOMString。 HTMLLinkElement.rel- リンク元文書からリンク先リソースに対する関連性を表す
DOMString。 HTMLLinkElement.relList読取専用relHTML属性をトークンのリストとして反映するDOMTokenList。HTMLLinkElement.sizes読取専用- トークンのリストとして
sizesHTML属性を反映するDOMSettableTokenList。 LinkStyle.sheet読取専用- 指定された要素に関連付けられた
StyleSheetオブジェクトを返します。存在しない場合はnullを返します。 HTMLLinkElement.type- リンク先リソースの MIME タイプを表す
DOMString。
廃止されたプロパティ
HTMLLinkElement.charset- 対象リソースの文字エンコーディングの取得 / 設定
HTMLLinkElement.rev- リンク先リソースからリンク元文書に対する 逆相の 関係性の取得 / 設定
Note: Currently the W3C HTML 5.2 spec states that
revis no longer obsolete, whereas the WHATWG living standard still has it labeled obsolete. Until this discrepancy is resolved, you should still assume it is obsolete. HTMLLinkElement.target- リソースを適用するターゲットフレームの名前の取得 / 設定
メソッド
固有のメソッドは持ちません。 HTMLElement と LinkStyle のメソッドを継承します。
仕様
| 仕様書 | 策定状況 | コメント |
|---|---|---|
| Preload | 勧告候補 | Defines <link rel="preload">, and the as property. Note that currently Firefox only supports preloading of cacheable resources. |
| HTML Living Standard HTMLLinkElement の定義 |
現行の標準 | crossOrigin、referrerPolicy、as プロパティの追加 |
| HTML 5.1 HTMLLinkElement の定義 |
勧告 | |
| HTML5 HTMLLinkElement の定義 |
勧告 |
|
| Document Object Model (DOM) Level 2 HTML Specification HTMLLinkElement の定義 |
廃止された | Added a second inheritence, the LinkStyle interface. |
| Document Object Model (DOM) Level 1 Specification HTMLLinkElement の定義 |
廃止された | 最初期の定義 |
ブラウザー実装状況
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| デスクトップ | モバイル | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
HTMLLinkElement | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 1 | IE 完全対応 あり | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 4 | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
as | Chrome 完全対応 50 | Edge 完全対応 17 | Firefox 完全対応 56 | IE 完全対応 あり | Opera 完全対応 37 | Safari 完全対応 あり | WebView Android 完全対応 50 | Chrome Android 完全対応 50 | Firefox Android 完全対応 56 | Opera Android 完全対応 37 | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 5.0 |
crossOrigin | Chrome 完全対応 あり | Edge 完全対応 17 | Firefox 完全対応 18 | IE ? | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 18 | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
referrerPolicy | Chrome 完全対応 51 | Edge 完全対応 79 | Firefox 完全対応 50 | IE 未対応 なし | Opera 完全対応 38 | Safari 完全対応 11.1 | WebView Android 完全対応 51 | Chrome Android 完全対応 51 | Firefox Android 完全対応 50 | Opera Android 完全対応 41 | Safari iOS 未対応 なし | Samsung Internet Android 完全対応 5.0 |
rel | Chrome 完全対応 あり | Edge 完全対応 12 | Firefox 完全対応 あり | IE 完全対応 あり | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
relList | Chrome 完全対応 54 | Edge 完全対応 17 | Firefox 完全対応 30 | IE ? | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 54 | Chrome Android 完全対応 54 | Firefox Android 完全対応 30 | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 6.0 |
sizes | Chrome
完全対応
あり
| Edge 完全対応 79 | Firefox 未対応 なし | IE ? | Opera
完全対応
あり
| Safari 完全対応 あり | WebView Android
完全対応
あり
| Chrome Android
完全対応
あり
| Firefox Android 未対応 なし | Opera Android
完全対応
あり
| Safari iOS 完全対応 あり | Samsung Internet Android
完全対応
あり
|
凡例
- 完全対応
- 完全対応
- 未対応
- 未対応
- 実装状況不明
- 実装状況不明
- 実験的。動作が変更される可能性があります。
- 実験的。動作が変更される可能性があります。
- 実装ノートを参照してください。
- 実装ノートを参照してください。
関連情報
<link>-HTMLLinkElementが実装されている HTML 要素