Как реагируют браузеры на кастомные тэги?

Question

[Сергей Андреев]

Появился вопрос: Можно ли использовать свои тэги для верстки например и т.д

Знаю что есть стандарт Custom Elements, но он про другое, там это можно официально.
Но на сколько я знаю сейчас браузеры почти все могут работать с такими тэгами вешать на них стили и ловить эвенты.

В общим: какие при этом могут быть проблемы, все ли браузеры ловят эвенты и есть ли проблемы с отображением?

Answer 1

[Евгений Петров]

Единственная проблема, с которой я сталкивался — добавление элементов в IE8 с помощью innerHTML (парсинг работал некорректно). Вставка же созданного элемента с помощью createElement() решает эту проблему. Ну, и не следует забывать указать display для таких элементов в CSS.

Никаких проблем, связанных с генераций и прослушиванием событий не возникает ни в одном браузере, а профит очевиден для тех, кто создаёт модули, встраиваемые в разные сайты. В том числе и с говностилями, прописанными для имён тэгов.

Посмотрите на Yandex Карты — вся структура строится с помощью тэга ymaps.

Answer 2

[Иван]

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

Comments

[Сергей Андреев]

ну это как сказать в ie8 (он для меня самый старый) работает же html5 тэги через полифил, и вот есть либа для тегов https://github.com/WebReflection/document-register..., все же в чем проблема то ?

[Иван]

Сергей Андреев: на самом деле не в чем. Доля ИЕ 8- и аналогов минимальна. Главное - следить за валидностью кода, ибо спецификации так легко не меняются.

[Евгений Петров]

Иван: Именно поэтому Яндекс Карты построены на несуществующем тэге ymaps:)
И в IE8 с такими элементами никаких проблем нет, если для них прописан display.