javascript - 在 HTML 中使用自定义标签的含义是什么，或者不使用自定义标签的优点是什么？

Question

我只谈论具有开始标签和结束标签的自定义标签。

例如:

<toy>Content</toy>

(如果我真的需要支持旧的浏览器，我会把 shiv 放进去)

我想知道不使用自定义标签有什么好处？或者使用它们的含义是什么？

不要告诉我它不好，因为它不符合标准。告诉我如果不遵循这个标准我会失去什么。同样，不要告诉我它很好，因为它符合标准。告诉我遵循这个标准我能得到什么。

遵循标准只是达到目的的手段，目的是在所有浏览器中工作。到目前为止，所有浏览器都以相同的方式呈现它，以相同的行为，即使没有标准化此标准的规范。因此，像“如果我们遵循标准它将在更多/所有浏览器中工作”这样的论点并不能仅仅因为它现在已经在所有浏览器中工作。

可以肯定的是，像“我们将来可能需要对其进行编辑”这样的论点根本没有说服力，因为所有证据都表明并非如此。 (看看严刑峻法的拥护者是怎么回事)

===

相关话题(但不回答这个问题):What's stopping me from using arbitrary tags in HTML?

Answer 1

您基本上是在谈论 XMLish 行为。大多数浏览器都支持此功能，这就是您可以使用具有适当样式的 HTML5 标签的原因。通常浏览器将未知标签视为内联元素，您应该根据需要设置样式。

我认为您不应该使用自己的自定义标记来填充页面的原因是上下文。像 <header> 这样的标签具有被软件(爬虫、阅读器)很好理解的独特含义。但是像 <toy> 这样的标签没有附加上下文。它只对你有意义。

网页不应该是一个独立的元素。它是更大整体的一部分。而诸如 <toy> 之类的标签对你来说可能很有意义，但对机器人或其他软件来说没有任何意义。这意味着机器将无法理解您的页面以及使用更好标记的其他页面。这是一件坏事，因为这会影响您的页面的排名、索引或使用方式。