Mit dem
link-Tag können HTML-Dokumente auf externe Ressourcen wie Stylesheets, Symbole und Schriftarten verlinkt werden. Das rel-Attribut gibt den Linktyp an: Stylesheet: Link zum Stylesheet-Symbol: Link zum Website-Symbol Schriftart: Link zur externen Schriftartdatei
Verwendung von Link rel in HTML
Link-Tag Einführung
In HTML-Dokumenten wird das <link>
-Tag verwendet, um das Dokument mit externen Ressourcen wie Stylesheets, Symbolen und Schriftarten zu verknüpfen. <link>
标签用于将文档与外部资源(如样式表、图标和字体)链接起来。
rel 属性的用法
rel
属性用于指定链接的类型或与其关联的资源。有几种不同的 rel
属性值,其中最常用的是:
stylesheet
:链接到样式表icon
:链接到网站图标(favicon)font
:链接到外部字体文件语法
<link>
标签的语法如下:
<code class="html"><link rel="resource-type" href="resource-url" /></code>
其中:
rel
:指定链接的类型href
:指定外部资源的 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
rel
-Attribut wird verwendet, um den Typ des Links oder der damit verbundenen Ressource anzugeben. Es gibt verschiedene rel
-Attributwerte, von denen die am häufigsten verwendeten sind: 🎜stylesheet
: Link zu einem Stylesheet🎜 Symbol
: Link zum Favicon 🎜font
: Link zur externen Schriftartdatei 🎜🎜🎜🎜Syntax🎜🎜🎜<link>
Tag Die Syntax von 🎜Beispiel🎜🎜🎜🎜Link zum Stylesheet:🎜🎜rrreee🎜🎜Link zum Favicon:🎜🎜rrreee🎜🎜Link zur externen Schriftart:🎜🎜rrreee🎜🎜Notizen🎜🎜Link Das code>-Tag wird normalerweise im Abschnitt <head>
eines HTML-Dokuments platziert. 🎜- Stellen Sie sicher, dass externe Ressourcen auf dem Server verfügbar sind. 🎜
- Mehrere
link
-Tags können auf denselben Ressourcentyp verweisen (z. B. mehrere Stylesheets). 🎜
- Das optionale Attribut
media
kann verwendet werden, um Medienabfragen anzugeben, um Ressourcen nur unter bestimmten Bedingungen zu laden. 🎜🎜
Das obige ist der detaillierte Inhalt vonSo verwenden Sie Link-Rel in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!