, 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)."/> , 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).">
suchen

Heim >Web-Frontend >HTML-Tutorial >So verwenden Sie Link-Tags in HTML

So verwenden Sie Link-Tags in HTML

下次还敢
下次还敢Original
2024-04-27 18:52:331094Durchsuche

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>

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>

此代码将链接外部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!

css html href http
Stellungnahme：
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
Vorheriger Artikel：So verwenden Sie li in HTMLNächster Artikel：So verwenden Sie li in HTML

In Verbindung stehende Artikel

Mehr sehen