Что это за теги «точка» параллельны тегу «svg»?
Я посмотрел пример виджета UDNZTimeline и увидел в Chrome инструментах разработчика
что наряду с тегом svg есть тег div, содержащий теги dot. Также я видел pole теги где-то в UDNZTimeline примере. Я не вижу этих тегов в SVG-ссылке, хотя Chrome выделяет визуальные элементы при наведении на эти теги.
Структура выглядит следующим образом:
<svg>
<line ...>
and other SVG tags
</svg>
<div>
<dot ....>
<pole ....>
and other non-svg tags which are visualized nevertheless
</div>
Что это за теги? Как узнать об их значении?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Теперь вы можете определять пользовательские элементы в большинстве браузеров:
customElements.define(name, constructor, options);
Но при ближайшем рассмотрении кажется, что dot не является определенным пользовательским элементом (customElements.get('dot'); возвращено undefined).
Похоже, что разработчики только что создали элементы с именем (см. исходный код здесь и здесь).
С браузерами вроде проблем нет, так как он откатывается к HTMLUnknownElement, смотрите обсуждение здесь.
А если вы хотите узнать об этом подробнее, вот ссылка на основной скрипт.
Если это неизвестные элементы, то как браузер узнает, как их отрисовывать и где они находятся?
@Dims Это стиль CSS (position: absolute; left: 163.44px; top: 125px; и так далее). Обновлено: неизвестные элементы все еще хранятся в DOM.
Пользовательские элементы (могут быть созданы во всех браузерах, кроме IE) всегда имеют дефис в имени узла, если вы его не видите, это никогда не будет пользовательским элементом, если вы его видите, это не обязательно должен быть пользовательский элемент .