使用自定义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相关的构建。