Was ist link-Element?

Kurz-Fakten

• Leeres Element, gehört in den head; Ausnahmen im body sind zulässig, aber unüblich
• Die Art der Beziehung steht in rel: stylesheet, icon, canonical, alternate, preload, manifest
• Ohne rel ist das Element wirkungslos – der Browser weiß nicht, wozu die Ressource dient
• rel="preload" lädt vorzeitig, braucht aber die Angabe as="…", sonst wird zweimal geladen
• Für sichtbare Verweise im Text ist das a-Element zuständig, nicht link

Einordnung für die Praxis

Die Verwechslung mit dem Verweis-Element ist der Grund für den mehrdeutigen Begriff „Link-Tag". Im Kopfbereich stellt link Beziehungen her, die niemand anklickt; im Text erzeugt a etwas Anklickbares.

Bei preload lohnt Zurückhaltung. Wer alles vorlädt, verschiebt nur die Warteschlange: Die Bandbreite bleibt dieselbe, und wichtige Dateien stehen dann hinter unwichtigen.

Verwandte Begriffe

• CSS einbinden CSS lässt sich auf drei Wegen mit HTML verbinden: als externe Datei über ein…
• Canonical-Tag Das Canonical-Tag ist ein link-Element im Kopfbereich, das angibt, welche Adresse als…
• Meta-Tags Meta-Tags sind Angaben im Kopfbereich eines Dokuments, die etwas über die Seite…
• hreflang-Attribut Das hreflang-Attribut an einem Verweis gibt an, in welcher Sprache das verlinkte…