Heim > Artikel > Web-Frontend > Was bedeuten link und rel bei der Einführung von CSS-Stilen?
Was bedeuten link und rel bei der Einführung von CSS-Stilen?
- WBOYOriginal
- 2022-06-30 11:47:247525Durchsuche
Link und rel im CSS-Stil einführen: 1. Link ist ein Tag in HTML, der zum Definieren der Beziehung zwischen einem Dokument und externen Ressourcen verwendet wird. Die häufigste Verwendung besteht darin, ein CSS-Stylesheet zu verbinden aktuelles Dokument und das verknüpfte Dokument oder Das Attribut der Beziehung zwischen Ressourcen, die eingeführte Stilsyntax lautet „".
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
Führen Sie die Bedeutung von Link und Rel im CSS-Stil ein.
link
definiert die Beziehung zwischen dem Dokument und externen Ressourcen. Die häufigste Verwendung des
-Tags ist die Verknüpfung von Stylesheets.
Hinweis: Das Linkelement ist ein leeres Element, es enthält nur Attribute.
Hinweis: Dieses Element kann nur im Kopfbereich vorhanden sein, aber beliebig oft vorkommen.
rel-Attribut
Das rel-Attribut ist erforderlich und gibt die Beziehung zwischen dem aktuellen Dokument und dem verknüpften Dokument/der verknüpften Ressource an.
Die Syntax lautet:
<link rel="value">
Der Attributwert dieses Attributs lautet wie folgt:
alternate Link zu einer alternativen Version des Dokuments (z. B. einer gedruckten Seite, Übersetzung oder Spiegelung).
Autor Link zum Autor dieses Dokuments.
Hilfe Link zur Hilfedokumentation.
icon Importiert das Symbol, das das Dokument darstellt.
Lizenzlinks zu den Copyright-Informationen für dieses Dokument.
next bedeutet, dass das Dokument Teil einer Sammlung ist und das nächste Dokument in der Sammlung das referenzierte Dokument ist.
prefetch gibt an, dass die Zielressource zwischengespeichert werden soll.
prev bedeutet, dass das Dokument Teil einer Sammlung ist und das vorherige Dokument in der Sammlung das referenzierte Dokument ist.
Suche Link zum Suchtool für Dokumente.
Stylesheet-URL des zu importierenden Stylesheets.
Das Beispiel sieht wie folgt aus:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1>我是通过样式文件 styles.css 渲染后显示的。</h1> <p>我也是。</p> </body> </html>
Ausgabeergebnis:
(Freigabe von Lernvideos: CSS-Video-Tutorial, HTML-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonWas bedeuten link und rel bei der Einführung von CSS-Stilen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!