Hallo Google weiß alles,
https://home.fastix.org/Files/Computing/all_in_one_page.html
Nett. Gibts auch im Wiki. Nachteilig imho ist bei beiden Varianten, dass die Browser-Historie zugemüllt wird.
Nachteilig bei deiner Variante ist zudem, weil nicht barrierefrei:
<a class="close" href="#">X</a>
„X“ ist ein schlechter Linktext.<a class="close" href="#" title="schließen">X</a>
ist schon etwas besser.<a class="close" href="#">schließen</a>
ist gut. Zum Aufhübschen Pseudoelemente verwenden wie im Wiki.<button type="button" class="close">schließen</button>
ist auch eine Alternative. Button passt imho semantisch besser, hat aber in diesem Fall den Nachteil, dass JavaScript benötigt wird. Da könnte das a-Element als Fallback dienen.
Bis demnächst
Matthias