Javascript 如果只在页面上定义一个新标记，会发生什么？（无网络组件）

我正在考虑试用一个定制的样式表。一个大问题，我已经看到了很长一段时间是一个简单的事实，我们只有h1和p标签的排版

如果（我）有描述性的标签，比如

，

等，可以用来代替像

这样的奇怪的事情，那会更有意义

如果你只定义了一个新的标签，evergreen浏览器&IE10+会发生什么？一般来说，至少在chrome中，定义一个新标记并为其分配一些CSS属性是可行的。然而，我们如何在这样定义的标记上使用Javascript会有限制吗？有什么大的缺点吗

---

我没有考虑为

定义一个webcomponent，因为它需要在每次连接时注册一个组件，我相信对于像heading hero标记这样简单的东西来说，这会对性能造成很大影响。上次我记得HTML5在IE8或IE9上做过类似的事情。当它不知道标记时，它只会将标记转换为一个块级元素，我认为它具有标准属性。这是目前所有evergreen浏览器中都在发生的事情吗？这意味着只要我们不需要在标记上定义特殊的事件、方法和属性，就可以编写标记，例如

？

浏览器将在DOM中使用一些默认样式粘贴未识别的元素，前提是这是一个新特性（希望有一个CSS/JS垫片来增加向后兼容性）而不是因为它被赋予了无效的HTML而失败

（然后，在将来，该名称的元素确实会添加到规范中，并且会出现分页符）

---

不要编写无效的HTML。

您可以创建自己的标记并按预期设置其样式。您是否关心验证？自定义标记可能会失败，例如-在某些浏览器中，您还将导致浏览器恢复为，这不是一件有趣的事。主要的风险是您的元素名称将来会被用于o浏览器中的一些特殊内容，从而破坏了您的网站。您可以通过遵守自定义元素的要求来避免这种风险，即您发明的元素名称包含连字符。此外，您还可以将所有预定义的语义置于黑板上。搜索引擎机器人和辅助技术，如屏幕阅读器等。了解标题、段落等元素-您的

、

、

、

对他们来说毫无意义。