Tach!
Was genau ist für diesen Fall ein besseres Element? Ich möchte ja nur dem <button> seinen semantischen Sinn nehmen und an dem Konstrukt nichts ändern aus dem <button>. habe mit einem <div> ein Element gewählt, das meinem Verständnis ein reines Gestaltungselement ist. Ein <span> wäre vielleicht eine Alternative. Weil die Default-Eigenschaften eines <span> eher denen eines Button entsprechen und weniger überschrieben werden muss?
Ein Button ist ein Klick-Element zum Auslösen einer Aktion. Er hat allerdings keinen semantischen Sinn, wenn er stattdessen nur als Container missbraucht wird, der da rein zu Gestaltungszwecken vorhanden ist. Die Semantik von div versus span ist, Block-Elemente versus Elemente im Text zu gruppieren. Was davon nun für deinen Anwendungsfall semantisch ist, weiß ich nicht. In einem Menü wären es Block-Elemente, in einem Fließtext sind es Text-Gruppierer.
dedlfix.