HTMLでのリンクタグの使い方

HTML のリンク タグは、CSS ファイル、アイコン、フォントなどの外部リソースにリンクするために使用されます。構文は で、rel はタイプを指定し、href はリソース URL を指定します。一般的なタイプには、スタイルシート (CSS)、アイコン (ファビコン)、フォントフェイス (フォント)、プリコネクト (事前接続)、プリフェクト (リソースのプリフェッチ) などがあります。

#HTML でのリンク タグの使用法

リンク タグとは何ですか?

リンク タグは、外部リソース (CSS ファイル、アイコン、フォントなど) を HTML ドキュメントにリンクするために使用される HTML 要素です。

リンク タグの構文

<code class="html"><link rel="rel-type" href="source-url"></code>

その例:

• rel 属性は、リンク タグのタイプを指定します。スタイルシート、アイコンなどのリンク。
• href 属性は、リンク先の外部リソースの URL を指定します。

リンク タグの種類

リンク タグは、さまざまな種類の外部リソースにリンクするために使用できます。最も一般的な種類は次のとおりです。

• stylesheet: 外部 CSS ファイルへのリンク。
• icon: リンク Web サイトのアイコン (ファビコン)。
• font-face: 外部フォント ファイルへのリンク。
• preconnect: 他のサーバーに事前接続します。
• prefect: 高速読み込みのためにリソースをプリフェッチします。

リンク タグの使用

リンク タグを使用するには、

セクションに次のコードを追加します。 ##<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">&lt;code class=&quot;html&quot;&gt;&lt;head&gt; &lt;link rel=&quot;stylesheet&quot; href=&quot;style.css&quot;&gt; &lt;link rel=&quot;icon&quot; href=&quot;favicon.ico&quot;&gt; &lt;/head&gt;&lt;/code&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div> このコードは、外部 CSS ファイル

style.css

とファビコン favicon.ico をリンクします。

リンク タグの属性

rel

属性と href 属性に加えて、リンク タグは他の属性もサポートします。 :

media
• を含む属性: CSS ファイルに適用できるメディア タイプ (画面、印刷など) を指定します。
type
• : 外部リソースの MIME タイプを指定します。
sizes
• : アイコンのサイズを指定します。
crossorigin
• : 外部リソースにアクセスするときにクロスオリジン設定を指定します。
referrerpolicy
• : 外部リソースを要求するときに送信される HTTP ヘッダーを指定します。

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