So verwenden Sie Link-Rel in HTML

下次还敢
Freigeben: 2024-04-27 21:12:15
Original
429 Leute haben es durchsucht

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

So verwenden Sie Link-Rel in HTML

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>
Nach dem Login kopieren

其中:

  • rel:指定链接的类型
  • href:指定外部资源的 URL

示例

链接到样式表:

<code class="html"><link rel="stylesheet" href="styles.css" /></code>
Nach dem Login kopieren

链接到网站图标:

<code class="html"><link rel="icon" href="favicon.ico" /></code>
Nach dem Login kopieren

链接到外部字体:

<code class="html"><link rel="font" href="fonts/font.ttf" /></code>
Nach dem Login kopieren

注意事项

  • link 标签通常放置在 HTML 文档的 <head> 部分。
  • 确保外部资源在服务器上可用。
  • 多个 link 标签可以链接到相同的资源类型(例如多个样式表)。
  • 可选的 media
Verwendung des rel-Attributs🎜🎜🎜 Das 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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage