Пользовательские элементы - коллизии имен, расширяющие HTMLElement

Question

Пользовательские элементы создаются путем расширения класса HTMLElement.

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

Я могу представить множество способов избежать этих потенциальных конфликтов имен, но мне было бы интересно узнать о предложениях других или каких-либо рекомендациях по этой теме.

Answer 1

Как предложил @Jared Smith, лучше всего использовать дефисные имена, а точнее - data-* запись , доступную через свойство dataset.

Обратите внимание, что нотация aria-* не должна использоваться, поскольку она зарезервирована для accessibility .

В конце концов, вы можете выбрать любое имя, кроме globalатрибуты или конкретные атрибуты, если вы расширяете стандартный элемент HTML.