使用自定义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

我认为，随着Web组件API在所有主流浏览器中都得到实现，您不可避免地会在将来避免使用自定义标签。我认为Web组件将很容易成为主流。整个理论都建立在此基础之上：自定义标签，附加到这些元素的自定义属性，自定义JS。所以，我说的是：如今使用您自己的标记不是一件坏事，但是您仍然需要考虑与SEO相关的构建。