CSS スタイルを導入するときの link と rel は何を意味しますか?-フロントエンドQ&A-php.cn

CSS スタイルを導入するときの link と rel は何を意味しますか?

WBOY

リリース： 2022-06-30 14:42:32

オリジナル

7739 人が閲覧しました

CSS スタイルでの link と rel の導入: 1. Link は、ドキュメントと外部リソースの間の関係を定義するために使用される HTML のタグです。最も一般的な使用法は、CSS スタイルシートを接続することです。2. rel は、現在のドキュメントと外部リソースとの間の関係を規定するタグ。リンクされたドキュメントまたはリソース間の関係の属性については、導入するスタイル構文は "

CSS スタイルを導入するときの link と rel は何を意味しますか?

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

Css スタイルでの link と rel の意味を紹介

link

## タグは、ドキュメントと外部リソースの関係を定義します。

タグの最も一般的な使用法は、スタイルシートをリンクすることです。

注: link 要素は空の要素であり、属性のみが含まれています。

注: この要素は head セクションにのみ存在できますが、何度でも出現できます。

rel 属性

rel 属性は必須で、現在のドキュメントとリンクされたドキュメント/リソースの間の関係を指定します。

構文は次のとおりです:

<link rel="value">

ログイン後にコピー

この属性の属性値は次のとおりです:

alternate 代替バージョンへのリンクドキュメント (印刷されたページ、翻訳、ミラーリングなど)。
著者このドキュメントの著者へのリンク。
help ヘルプドキュメントへのリンク。
icon ドキュメントを表すアイコンをインポートします。
license このドキュメントの著作権情報へのリンク。
next は、ドキュメントがコレクションの一部であり、コレクション内の次のドキュメントが参照ドキュメントであることを意味します。
prefetch は、ターゲットリソースをキャッシュする必要があることを指定します。
prev は、ドキュメントがコレクションの一部であり、コレクション内の前のドキュメントが参照ドキュメントであることを意味します。
search ドキュメントの検索ツールへのリンク。
stylesheet インポートするスタイルシートの URL。

例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
<link rel="stylesheet" type="text/css" href="styles.css"> 
</head>
<body>
<h1>我是通过样式文件 styles.css 渲染后显示的。</h1>
<p>我也是。</p>
</body>
</html>

ログイン後にコピー

出力結果:

CSS スタイルを導入するときの link と rel は何を意味しますか?