diedVIPs

html knowhow

Seitenbeziehung   - <link>








Viewport

‎Das HTML link-Tag im head-Bereich der Seite bindet externe Resourcen (z.B. eine CSS-Datei) in die Seite ein, kennzeichnen eine URL der Seite mit canonical als bevorzugte Version und weist den Browser an, Ressourcen nach dem Laden der Seite im Voraus (preload) zu laden. Wenn CSS-Regeln in einer .css-Datei gespeichert sind, wird z.B. die CSS-Datei durch ein link-Tag in das aktuelle Dokument eingebunden.

link-Tags sind nicht nur im head der Seite erlaubt, sondern auch im body. Damit ist es z.B. kein Problem, das Drucker-Stylesheet erst im Seitenfuß zu laden, damit es das initiale Laden der Seite nicht aufhält.

So sieht´s aus
<link rel="mask-icon" href="../Icons/safari-pinned-tab.svg" color="#5bbad5" />
<link href="https://fonts.googleapis.com/css2?family=Sigmar+One&display=swap" rel="stylesheet" />











Kontakt    Datenschutz   Impressum