これは、質問に完全に対応していないため、現時点では回答ではありませんが、コメント セクションには収まりませんでした。
/inは、/>html5 仕様に解析された場合、ブラウザによって無視されます (このモジュールの要素の仕様には自己囲み要素があるため、とを除きforeign elements、有効なままにする必要があります)。MathLMSVG
仕様の関連部分:
（ブラウザが欠落しているタグを処理する方法と、ブラウザが無視する関連部分/が欠落しています。これを調べる必要があります）
要素がvoid element閉じタグを必要としないため、閉じタグが生成されない場合。
他の要素では、終了タグがない場合は作成されます。したがって、次のように書くと:
<div>
<div/>test
</div>
その結果、
<div>
<div>test</div>
</div>
/は無視されるためです。
カスタム要素はnon-voidデフォルトです。カスタム要素のドラフトがあることは知っていますが、正直なところ、一部のブラウザーで既にサポートされているかどうかはわかりません。しかし、そうであったとしても、後方互換性の問題があります。だから私はそれを使用することをお勧めしません。
それでも、接頭辞を付けずにタグ名を定義するのx-は悪い考えです。後で選択した名前の要素がスペックによって追加され、それが別の意味を持つ場合、問題が発生するからです。
仕様を調べる時間ができ次第、これを証明するために対応する欠落している部品を提供します。
独自の HTML タグを定義しないでください。
HTML はタグの合意された意味のセットであるため便利です。
(たとえば、ブラウザーは、<a>タグが別のページへのリンクであることに (HTML 仕様を介して) 同意しているため、リンクをクリック可能にします。)
独自のタグを作成することはできますが、自分以外には意味がありません。
特定の目的のためにはそれで問題ないかもしれませんが、実際には HTML を使用していません。