ホームページ > 記事 > ウェブフロントエンド > HTMLでリンクrelを使用する方法
HTMLでリンクrelを使用する方法
- 下次还敢オリジナル
- 2024-04-27 21:12:15419ブラウズ
link タグを使用すると、HTML ドキュメントをスタイル シート、アイコン、フォントなどの外部リソースにリンクできます。 rel 属性はリンク タイプを指定します。最も一般的な値は次のとおりです。 stylesheet: スタイル シートへのリンク icon: Web サイトのアイコンへのリンク font: 外部フォント ファイルへのリンク
HTML でのリンク rel の使用法
リンク タグの概要
HTML ドキュメントでは、<link> ; タグが使用されています ドキュメントをスタイルシート、アイコン、フォントなどの外部リソースとリンクします。
rel 属性の使用法
#rel 属性は、リンクのタイプまたはそれに関連付けられたリソースを指定するために使用されます。いくつかの異なる rel 属性値があり、最も一般的なものは次のとおりです:
- #stylesheet
: スタイルシートへのリンク - icon
: ファビコンへのリンク - font
: 外部フォント ファイルへのリンク
#構文
タグの構文は次のとおりです:
<code class="html"><link rel="resource-type" href="resource-url" /></code>その中に:
- ##rel
- : リンクのタイプを指定します。
- : 外部リソースの URL を指定します
スタイルへのリンクシート:
<code class="html"><link rel="stylesheet" href="styles.css" /></code>
<code class="html"><link rel="icon" href="favicon.ico" /></code>
<code class="html"><link rel="font" href="fonts/font.ttf" /></code>
- link
- タグは通常、HTML ドキュメントの
<head>セクションに配置されます。外部リソースがサーバー上で利用可能であることを確認してください。 - 複数の link
- タグは、同じリソース タイプ (複数のスタイル シートなど) にリンクできます。
オプションのmedia - 属性を使用して、特定の条件下でのみリソースを読み込むメディア クエリを指定できます。
以上がHTMLでリンクrelを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTMLにおけるリンクタグの役割次の記事：HTMLにおけるリンクタグの役割