Die Rolle des Link-Tags in HTML

Das <link>-Tag in HTML wird verwendet, um externe Ressourcen mit einem HTML-Dokument zu verknüpfen. Zu seinen Funktionen gehören: Verweisen auf Stylesheets, Festlegen von Seitensymbolen, Einführen externer Skripte, Vorladen von Ressourcen und Definieren alternativer Symbole.

Die Rolle des Link-Tags in HTML

Das <link>-Tag in HTML wird zum Verlinken externer Ressourcen (wie Stylesheets, Symbole und externe Skripte) verwendet ) in HTML-Dokumente. Es stellt dem Browser Informationen über externe Dateien bereit, auf die im Dokument verwiesen wird. <link> 标签用于将外部资源（如样式表、图标和外部脚本）链接到 HTML 文档。它为浏览器提供有关文档中引用的外部文件的信息。

作用：

• 引用样式表：<link> 标签的 href 属性可以引用外部 CSS 文件，用于定义文档的样式。
• 设置页面图标：rel="icon" 属性可指定页面图标，在浏览器选项卡和收藏夹中显示。
• 引入外部脚本：rel="stylesheet" 属性可用于引用外部 JavaScript 文件。
• 预加载资源：rel="preload" 属性可让浏览器在页面加载前预加载资源，从而减少页面渲染时间。
• 定义替代图标：rel="alternate icon" 属性可定义针对不同设备或尺寸的替代页面图标。

语法：

<link rel="rel-type" href="file-path">

Funktion:
• Referenz-Stylesheet: <link> Das Attribut href des Tags kann auf eine externe CSS-Datei verweisen, um den Stil zu definieren das Dokument.
• Seitensymbol festlegen: Das Attribut rel="icon" kann das Seitensymbol angeben, das in Browser-Registerkarten und Favoriten angezeigt werden soll.

Einführung externer Skripte: Das Attribut

rel="stylesheet" kann verwendet werden, um auf externe JavaScript-Dateien zu verweisen.

Ressourcen vorab laden: Das Attribut

rel="preload" ermöglicht es dem Browser, Ressourcen vorab zu laden, bevor die Seite geladen wird, wodurch die Seitenrenderingzeit verkürzt wird.

• Alternatives Symbol definieren: Das Attribut rel="alternate icon" kann alternative Seitensymbole für verschiedene Geräte oder Größen definieren.

• Syntax:

  <link rel="rel-type" href="file-path">

• rel: Geben Sie die Art der Verknüpfung mit dem Dokument an , z.B. „stylesheet“, „icon“.

href: 🎜Geben Sie den Pfad zu externen Ressourcen an. 🎜🎜🎜Typ: 🎜Geben Sie den MIME-Typ externer Ressourcen an, z. B. „text/css“, „image/png“. 🎜🎜🎜🎜 Beispiel: 🎜🎜🎜🎜🎜🎜Link zum Stylesheet: 🎜🎜

<code class="html"><link rel="stylesheet" href="style.css"></code>

🎜🎜🎜🎜Seitensymbol festlegen: 🎜🎜

<code class="html"><link rel="icon" href="favicon.ico"></code>

🎜🎜🎜🎜Externes Skript einführen: 🎜🎜

<code class="html"><link rel="stylesheet" href="script.js"></code>

🎜🎜

Das obige ist der detaillierte Inhalt vonDie Rolle des Link-Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!