使用自定义HTML标签

Question

在我的html中，我很好奇使用唯一标识符（例如<toys> </toys>保存图片）而不是语义是否正确<h2>。例如：

是否优先拥有： <toys class="grid_4 push_2">&nbsp</toys>

与CSS：

    toys {
    background: url("toys.png") no-repeat scroll 0 0 transparent;
    width: 181px;
    height: 93px;
    margin-top: -8px;
    }

而不是：我目前有： <h1 class="grid_4 push_2">&nbsp</h1>

与CSS：

    h1 {
    background: url("toys.png") no-repeat scroll 0 0 transparent;
    width: 181px;
    height: 93px;
    margin-top: -8px;
    }

唯一标识符的使用在<toys>语义上是否正确？

Answer 1

最好避免使用自定义标签，因为您永远不知道这些标签何时会标准化，并在将来有特殊用途。

如果要避免使用标头标记，对于您的示例最好的操作如下：

<div class="toys grid_4 push_2">&nbsp</div>

.toys {
    background: url("toys.png") no-repeat scroll 0 0 transparent;
    width: 181px;
    height: 93px;
    margin-top: -8px;
}

此外：

如果在设计页面时不使用标准html标记，则在禁用样式时它们将不会以任何有组织的方式显示。向前看，这不是问题，但是如果出于任何原因需要查看没有样式的“玩具”列表，那么除非您使用<ul>或<ol>使用<li>标签，否则您将很不走运。

更新：

正如Flimzy在评论中指出的那样，自定义HTML元素现在具有自己的W3C规范。但是，它们尚未得到完全支持。