HTMLのリンクタグの属性

HTML の Link タグの属性は、外部リソースをリンクするために使用され、次の主な属性があります: href: リンク リソースの URL を指定します。 rel: リンクと現在のページ タイプの間の関係を定義します。リンク リソースの MIME タイプを指定します。 media: どのメディア タイプが適用できるかを指定します。 サイズ: さまざまなデバイス上のアイコンのサイズを指定します。 CrossOrigin: クロスドメイン リクエストを許可するかどうかを指定します。

#HTML の Link タグの属性

Link タグは、外部リソース (スタイル シート、スクリプト、アイコンなど) との接続を確立するために HTML で使用されます。次の主な属性があります:

1. href: リンクされるリソースの URL を指定します。これはローカル ファイルまたはリモート ファイルのいずれかになります。

2. rel: リンクと現在のページの間の関係を定義します。一般的な rel 値には以下が含まれます:

• stylesheet: CSS スタイル シートへのリンク
• icon: アイコンへのリンク
• alternate:ページの代替言語バージョンまたはデバイス バージョンへのリンク

3. type:リンク先の MIME タイプを指定します。リソース。 CSS の場合、タイプは通常「text/css」、アイコンの場合、タイプは通常「image/vnd.microsoft.icon」です。

4. メディア: リンク リソースが適しているメディア タイプを指定します。一般的なメディア値は次のとおりです。

• all: すべてのメディア タイプに適用されます
• print: 印刷出力のみに適用されます
• screen: 画面表示にのみ適用されます

5. サイズ:さまざまなデバイスのアイコンのサイズを指定します。たとえば、sizes="32x32" は、アイコンが 32x32 ピクセルのデバイスに表示されることを意味します。

6.crossOrigin: クロスドメインリクエストを許可するかどうかを指定します。デフォルトでは、crossOrigin は「匿名」です。これは、リソースのメタデータのみを読み取ることができることを意味します。

例:

次の例は、スタイル シートにリンクする Link タグを示しています。

<code class="html"><link rel="stylesheet" type="text/css" href="style.css"></code>

次の例は、ファビコンへのリンクを示していますリンクタグ:

<code class="html"><link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="32x32"></code>

以上がHTMLのリンクタグの属性の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。