Использование пользовательского элемента без определения опасного?

Question

Вместо определения:

<div id="my-custom-element-101"></div>

Я написал:

<my-custom-element-101></my-custom-element-101>

Но не пошел дальше, чтобы расширить HTMLElement и определить его. Таким образом, я получаю некоторую улучшенную читаемость и не нуждаюсь в дальнейшем кодировании.

Есть ли потенциальные недостатки этой практики?

Answer 1

Абсолютного недостатка для этого нет, как только вы используете правильную пользовательскую нотацию элемента (то есть имя с дефисом "-").

В данном случае это просто unknown пользовательский элемент.

Конечно, если кто-то решит определить пользовательский элемент с тем же именем, у вас могут возникнуть проблемы, но если вы владеете всем кодом страницы, этого не произойдет.

Также обратите внимание, что в вашем примере ваш тег <my-custom-element-101> рассматривается как встроенный элемент, а не как блок.