Heim  >  Artikel  >  Web-Frontend  >  Attribute des Link-Tags in HTML

Attribute des Link-Tags in HTML

下次还敢
下次还敢Original
2024-04-27 19:24:58977Durchsuche

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:

Attribute des Link-Tags in HTML1. 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!

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