So verwenden Sie Link-Tags in HTML-HTML-Tutorial-php.cn

So verwenden Sie Link-Tags in HTML

下次还敢

Freigeben： 2024-04-27 18:52:33

Original

935 Leute haben es durchsucht

Der Link-Tag in HTML wird verwendet, um externe Ressourcen wie CSS-Dateien, Symbole und Schriftarten zu verlinken. Die Syntax lautet , wobei rel den Typ und href die Ressourcen-URL angibt. Zu den gängigen Typen gehören Stylesheet (CSS), Icon (Favicon), Font-Face (Schriftart), Preconnect (Vorverbindung) und Prefect (Ressourcen vorab abrufen).

So verwenden Sie Link-Tags in HTML

Verwendung des Link-Tags in HTML

Was ist ein Link-Tag?

Der Link-Tag ist ein HTML-Element, das zum Verknüpfen externer Ressourcen (wie CSS-Dateien, Symbole, Schriftarten) in HTML-Dokumenten verwendet wird. Die Syntax von

Link-Tag

<code class="html"><link rel="rel-type" href="source-url"></code>

Nach dem Login kopieren

wobei:

rel-Attribut den Typ des Links angibt, z. B. Stylesheet, Symbol usw. Das Attribut
href gibt die URL der externen Ressource an, auf die verlinkt werden soll.

Arten von Link-Tags

Link-Tags können zum Verlinken auf verschiedene Arten externer Ressourcen verwendet werden. Zu den häufigsten Typen gehören:

Stylesheet: Link zu externen CSS-Dateien.
icon: Link-Website-Symbol (Favicon).
font-face: Link zu externen Schriftartdateien.
preconnect: Vorab eine Verbindung zu anderen Servern herstellen.
Präfekt: Ressourcen für schnelles Laden vorab abrufen.

Verwenden Sie das Link-Tag.

Um das Link-Tag zu verwenden, fügen Sie den folgenden Code im Abschnitt <head> hinzu: <head> 部分添加以下代码：

<code class="html"><head>
  <link rel="stylesheet" href="style.css">
  <link rel="icon" href="favicon.ico">
</head></code>

Nach dem Login kopieren

此代码将链接外部CSS文件 style.css 和网站图标 favicon.ico。

link标签的属性

除了 rel 和 hrefrrreee

Dieser Code verknüpft die externe CSS-Datei style.css und favicon <code>favicon.ico.

Attribute des Link-Tags
Zusätzlich zu den Attributen rel und href unterstützt das Link-Tag auch andere Attribute, darunter:
media : CSS angeben Der Medientyp, für den die Datei verfügbar ist (z. B. Bildschirm, Druck).
type: Geben Sie den MIME-Typ der externen Ressource an.
Größen: Geben Sie die Größe des Symbols an.

crossorigin🎜: Geben Sie beim Zugriff auf externe Ressourcen Cross-Origin-Einstellungen an. 🎜🎜🎜Referrerpolicy🎜: Geben Sie den HTTP-Header an, der beim Anfordern externer Ressourcen gesendet wird. 🎜🎜

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