class - 使用自己的标签而不是 div

Question

我正在开发一个网络应用程序。使用自己的 html 标签比使用 div 更好吗？我的意思是使用自己的标签而不是类。这将更容易通过使用 id 拆分公共类来绑定动态内容。

例子

<div id="message">
My Message
</div>

换成这个

<message>
   My message
</message>

Answer 1

我不明白您为什么要这样做，因为现在 HTML5 支持很多语义标签，例如<audio>,等。通常，您可以通过特殊目的<address>实现块效果（即在块中组合或分组相关内容） 。<div class="myblock"></div>无论如何，正如您所要求的那样，您可以在 HTML 中使用自定义标签。您还可以使用 CSS 设置样式，并可以使用选择器对使用 JavaScript 的对象执行操作。

注意：之前的 IE9 版本不支持自定义标签。因此，您应该使用 JavaScript 创建这样的标签：

<script type="text/javascript">
    document.createElement('mytag');
</script>

Answer 2

不这样做的主要实际原因是 IE 8 和更早版本不允许您设置自定义标签的样式。正如 Vishal 所提到的，有一个解决方法，但是当 JavaScript 被禁用时它不起作用。正如他所指出的，您可以使用该class属性——您应该id仅将其用于唯一标识单个元素。

您还可以将class属性用于除div. 您可以首先选择一个元素，使其默认（非 CSS）呈现是最好的（在可用的替代方案中），然后添加一个class属性。

在 CSS 中，您通常会使用不带标签名称的类选择器，例如.message（如果您使用class=message）。