<h1> width-abhängig als Link

[Gunnar Bittersmann]

@@Matthias Apsel:

nuqneH

<h1><a href="#">Überschrift</a></h1>

> ~~~css

  h1::before {  

>     content: "Überschrift";  
>   }

Vorteile: kein redundantes Markup,

Das ist Besc^Wgeschummelt! Die Redundanz ist immer noch da, nur dass sie auf mehrere Stellen verteilt ist, was das Ganze noch weniger wartbar macht.

Nachteil: Überschriftstexte müssen an zwei Stellen geändert werden.

Eben.

<h1 data-content="Überschrift"><a href="#">Überschrift</a></h1>

  
Da ist sie wieder, die Redundanz im Markup.  
  
  
Ich bin gewiss kein Freund des Einsatzes von JavaScript, wenn es auch ohne geht. Aber hier scheint doch JavaScript angebracht zu sein (wenn das Ganze überhaupt Sinn macht), denn auch [meine CSS-only-Lösung](https://forum.selfhtml.org/?t=215852&m=1478818) hat entscheidende Nachteile.  
  
Qapla'

-- 
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)