Как использовать собственные теги html?

Question

[Александр Маджугин]

Я хочу использовать собственный тег в html5 на практике это обычно не вызывает никаких проблем.
Все браузеры обычно все понимают, стили применяются, js работает.
Но какие могут все же быть с этим проблемы?

Все что я не нагуглю всегда сводится к каким-то древним попыткам использовать теги вместо классов, что-то вроде тега font20, задающего размер шрифта и прочим умопомрачительным вещам. Советчики обычно там отсылают вопрошающего к классам и все.
Иногда попадаются советы сделать в начале документа js вставку создающую тег:
document.createElement('tagname');
и только потом использовать в документе. Нужно ли?

Не вызовут ли собственные теги проблем в мобильных браузерах?
Не будет ли проблем при просмотре, сайта не через браузер, а с помощью альтернативных программ вроде Internet Explorer или подобных?

Comments

[Lynn «Кофеман»]

Если вам не нужны древние IE, то нет никакой разницы между собственным тегом и каким-нибудь span.

[Александр Маджугин]

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

Answer 1

[sim3x]

Надо отделять представление данных от стилизации

Как минимум с < ие9 будут проблемы и даже не только с ним
caniuse.com/#search=Custom%20Elements

stackoverflow.com/questions/2802687/is-there-a-way...

Comments

[Александр Маджугин]

> Надо отделять представление данных от стилизации
Надо, но как это относится к моему вопросу?

> caniuse.com/#search=Custom%20Elements
Спасибо. Посмотрел. Но я тестировал в FF - вроде все нормально. А вот IE и Safari у меня просто нет и не могу проверить (((

> stackoverflow.com/questions/2802687/is-there-a-way...
Тут тоже советуют я вижу создать тег для ie младше 9. Хотя наверно они меня не интересуют.

А что с Safari?

[sim3x]

Александр Маджугин:
>Надо, но как это относится к моему вопросу?
примерно так
>что-то вроде тега font20

>А вот IE
dev.modern.ie/tools/vms/linux

>А что с Safari?
почти как хром, но однозначний ответ тебе тас только тест на реальном оборудовании

[sim3x]

Александр Маджугин:
вообще используй KISS и не делай себе проблем на ровном месте

[Александр Маджугин]

sim3x: тут KISS не при чем. Мне нужны собственный теги как селекторы js, так как тэг - самый быстро обрабатываемый общий селектор в dom. Сейчас я использую data-* атрибуты. Хочу использовать теги.

[sim3x]

Александр Маджугин:
>так как тэг - самый быстро обрабатываемый общий селектор в dom
ты уверен, что твой код настолько производительный ,что пора думать о таких мелочах?

>Сейчас я использую data-* атрибуты.
вместо того чтоб использовать классы

У тебя класическая premature optimisation

[Александр Маджугин]

> ты уверен, что твой код настолько производительный ,что пора думать о таких мелочах?
Абсолютно - там просто нечему тормозить ибо это выбор блоков и вставка в них данных. И всё.

> вместо того чтоб использовать классы
Да. Хочется разделения сущностей.

[sim3x]

Александр Маджугин:
>Абсолютно - там просто нечему тормозить
ага-ага

>Хочется разделения сущностей.
.js- префикс тебе в помощь

[Александр Маджугин]

sim3x: ты был во всем прав, а я нет.
Нет на замене классов на теги выигрыша в производительности. Даже data-* не медленнее когда единственные и выбираются все элементы.