Как создать свой незакрывающий тег html и заменять его с javascript?

Question

[partyzanx]

Хочу создавать подобные теги , чтобы их не надо было закрывать как img, input
И с помощью какого когда вместо них отображать другую информацию, с помощью такого?

$(`x-我`).append(`<span class="mb ch w"> <span class="w">我</span> <span class="p1"> wǒ </span> <span class="p2"> wɔ↝ </span> <span class="p3"> wɔ3 </span><img class="an" src="/Strokeorder/grammar_hsk1/3-1-0-9/wo3.gif"><a class="sound" data-sound="grammar_hsk1/3-1-0-9/ch/wo3.mp3"></a></span>`);

Comments

[prodavec macdonalds]

если не секрет, для чего это?

[partyzanx]

prodavec macdonalds, для удобства верстания.

Answer 1

[Rsa97]

Читайте стандарт
Корректные собственные тэги должны начинаться с символов [a-z], не содержать символов [A-Z], содержать как минимум один символ [-] (для совместимости в будущем). Остальные символы могут быть практически любыми.

Comments

[partyzanx]

значит, из иероглифа никак

[Rsa97]

partyzanx, Только из иероглифов - нет.
Если добавить префикс, например <x-我>, то можно.

[partyzanx]

Rsa97, а как сделать его незакрывающим? чтобы закрывать не надо было?

[Rsa97]

partyzanx, Никак. Сейчас стандарт такого не описывает, так что только писать пару <x-我></x-我>. Кроме того, внутри собственных тэгов тэг <p> тоже должен всегда закрываться явно.