HTMLのリンクタグの属性

下次还敢
リリース: 2024-04-27 19:24:58
オリジナル
982 人が閲覧しました

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

HTMLのリンクタグの属性

#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 サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート