Нужно ли регистрировать пользовательский тег?

Question

Я читаю this article о пользовательском элементе HTML5.

Он сказал, что необходимо зарегистрировать имя элемента, прежде чем использовать его любит:

var XFoo = document.registerElement('x-foo'); 
document.body.appendChild(new XFoo()); 

Тогда я могу начать использовать его обычно:

<x-foo>...</x-foo> 

Но я просто попытался использовать его без регистрации в Chrome , Firefox и IE11. Кажется, все выглядит отлично, даже CSS-селектор для x-foo также работает.

Я предполагаю, что нам больше не нужно регистрироваться, так как большинство браузеров поддерживают его?

Благодаря

Answer 1

Короткий ответ: Нет

Как хорошая практика, всегда определяют вещи, которые не являются официальными. Просто потому, что он работает всеми/большинством браузеров, это не делает его правильным. Это будет похоже на использование переменной, которая еще не определена, а затем автоматически определяет ее компилятор. Конечно, это работает, но это не делает правильно

Answer 2

Нет, и document.registerElement даже не поддерживается широко. Это экспериментальная технология, работа в процессе.

Браузеры традиционно обрабатывают имена неизвестных элементов как определяющие элементы, которые имеют общие свойства элементов HTML, но не имеют функциональности по умолчанию и не выполняют рендеринг по умолчанию (содержимое отображается в соответствии с его собственными правилами). Тем не менее, старые версии IE игнорировать неизвестное имя элемента в CSS если вы не вводить его с кодом, как

<script>document.createElement('x-foo')</script> 

Использование registerElement бесполезно для этих целей, так как он не поддерживается IE.

Если вы используете registerElement, вам следует проявлять осторожность, поскольку вызов вызывает ошибки и завершение сценария во многих браузерах. Таким образом, вам понадобится код, например