创建新的html标签（元素）[重复]答案

【问题标题】：Creating new html tags (elements) [duplicate]创建新的html标签（元素）[重复]
【发布时间】：2016-11-08 13:32:37
【问题描述】：

所以我们可以使用 javascript 来创建新的 html 元素，对吧？

但是如果我用html代码写：

sea{width: 100px; height: 100px; background: blue; color: red;}
<sea>This is sea tag</sea>

它确实使字体颜色为红色和背景为蓝色，但尺寸不起作用... 是否只有使用 javascript 才能实现？

与新的 html5 元素（页眉、页脚、部分...）一样，是否有可能为元素创建自己的名称？

【问题讨论】：

这里：stackoverflow.com/questions/2802687/…
可能display: block;不见了
@C14L 谢谢你，伙计，这很重要。出于某些目的使用自己的标签也很糟糕吗？就像我不想使用输入并且我想让我的标签内容可编辑以通过在输入和人员旁边使用 jquery 和 ajax 来存储一些信息......
链接：-html5rocks.com/en/tutorials/webcomponents/customelements

标签： javascript css html

【解决方案1】：

所以我们可以使用 javascript 来创建新的 html 元素，对吧？

没有。您可以创建新元素并将它们放入 HTML 文档中，但它们不是 HTML。它们没有任何语义。它们没有任何默认样式（包括屏幕阅读器的音频样式）。不要那样做。

它确实使字体颜色为红色和背景为蓝色，但尺寸不起作用...是否只能使用 javascript 来实现？

JavaScript 无关紧要。如果您使用 JS 生成相同的无效 DOM，您会遇到同样的问题。浏览器错误恢复默认将无法识别的元素视为display: inline。 height 和 width 不适用于 display: inline 元素，您必须为 height 和 width 设置不同的值（例如 display: block）才能应用。

【讨论】：

是的，我看到了。对于第一个问题，我只是问得很糟糕。但是这里有一个问题要问你使用我们自己的是否好，我读过一些东西，比如黑客之类的东西。如果它很糟糕，为什么会这样？谢谢
@BestBudds — 请参考我的回答的第一段。

【解决方案2】：

sea{width: 100px; height: 100px; background: blue; color: red; display:block;}

&lt;sea&gt;This is sea tag&lt;/sea&gt;

我认为它对你有帮助。默认显示块不会带有自定义 HTML 标签...

【讨论】：

" 它增加了可访问性" — 它没有。
是的@Quentin 你是对的......即使我们可以随时内联......对不起，我已经更正了