Attribute des Link-Tags in HTML

Die Attribute des Link-Tags in HTML werden zum Verlinken auf externe Ressourcen verwendet und haben die folgenden Hauptattribute: href: Geben Sie die URL der Link-Ressource an. rel: Definieren Sie die Beziehung zwischen dem Link und dem aktuellen Seitentyp: Geben Sie den MIME an Typ der Linkressource Medien: Geben Sie an, auf welche sie sich bezieht. Medientypgrößen: Geben Sie die Größe des Symbols auf verschiedenen Geräten an. CrossOrigin: Geben Sie an, ob domänenübergreifende Anfragen zulässig sind. Attribute des Link-Tags in HTML

Der Link-Tag wird in HTML verwendet, um Links zu externen Ressourcen (wie Stylesheets, Skripten, Symbolen) herzustellen. Es hat die folgenden Hauptattribute:

1. href:

Gibt die URL der zu verlinkenden Ressource an. Dies kann eine lokale Datei oder eine Remote-Datei sein.

2. rel:

Definieren Sie die Beziehung zwischen dem Link und der aktuellen Seite. Zu den gängigen rel-Werten gehören:

Stylesheet:

Link zu einem CSS-Stylesheet

icon:

Link zu einem Symbol
• alternate:
Link zu einer alternativen Sprach- oder Geräteversion der Seite
3. Typ:
• Geben Sie den MIME-Typ der verknüpften Ressource an. Für CSS ist der Typ normalerweise „text/css“ und für Symbole ist der Typ normalerweise „image/vnd.microsoft.icon“.
4. Medien:

Geben Sie an, für welche Medientypen die Linkressource geeignet ist. Zu den gängigen Medienwerten gehören:

alle:

Gilt für alle Medientypen

Drucken:

Nur anwendbar für die Druckausgabe
• Bildschirm:
Nur anwendbar für die Bildschirmanzeige
5. Größen:
• Angegeben Die Größe des Symbols auf verschiedenen Geräten. Größen="32x32" bedeutet beispielsweise, dass das Symbol auf einem 32x32-Pixel-Gerät angezeigt wird.
6. CrossOrigin:

Geben Sie an, ob Cross-Origin-Anfragen zulässig sind. Standardmäßig ist crossOrigin „anonym“, was bedeutet, dass nur die Metadaten der Ressource gelesen werden können.

Beispiel:

Das folgende Beispiel zeigt ein Link-Tag, das auf ein Stylesheet verweist:

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

Das folgende Beispiel zeigt ein Link-Tag, das auf ein Favicon verweist:

<code class="html"><link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="32x32"></code>

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