<link> nicht verlinkt

[Gunnar Bittersmann]

Ich lasse ein <link rel="foo" href="…"/>-Element im Viewport anzeigen:

head { display: block }
head > * { display: none }
head [rel="foo"] { display: inline }
head [rel="foo"]::before { content: "Link" }

Funktioniert bestens in Firefox: „Link“ wird angezeigt und ist anclickbar. (Damit er auch per Tastatur funktioniert, bedarf es allerdings noch tabindex="0".)

Nicht so in anderen Browsern: Es wird zwar „Link“ angezeigt, ist aber kein Link.

Muss man da jetzt wirklich mit JavaScript rangehen und einen entweder einen Eventhandler registrieren oder für den Link ein a-Element ins DOM hängen?

LLAP 🖖