使用自定义标签代替<div>

Question

这是可接受的代码吗（如果存在），是否有名称？

执行此操作时叫什么名字？

这是好习惯吗？

还是我应该远离它？

从这里开始：

https://jsfiddle.net/150ve3xz/

esttab

为此：

https://jsfiddle.net/150ve3xz/9/

 <div class="video" data-id="M7lc1UVf-VE"></div>
 const video = document.querySelector(".video");