xhtml / css命名div的最佳实践

Question

这样命名div是否有效？

<div class="frame header">Some content here</div>

名字中有空格？然后，当然，在CSS中我会有类似的东西：

.frame { display: block; }
.header { background-color: #efefef; }

我想我只是想知道你是否可以在我发布的实际标记中有空格并且它是XHTML严格的？我已经检查了W3C验证，但出于某种原因，我放在那里的任何东西都在传递。叹息...

Answer 1

ID和类不能有空格。如果你放了一个空格，那么你要添加两个类，所以W3正在解释它，因为它不会给你一个错误。你的CSS是正确的。

Answer 2

是的，你可以。该类实际上不是元素的“名称”，而是适用于它的类的列表，由空格分隔。如果您希望该元素具有仅与其相关的特定“名称”，请使用id属性。请记住，文档中必须是完全唯一的，并且ID也不能有空格。

类似的东西：

<div class="frame" id="header">Some content here</div>

.frame { display: block; }
#header { background-color: #efefef; }

Answer 3

你在做什么是有效的。

但是，html / xhtml文档中的任意数量的<div>元素都可以具有相同的类定义以用于演示目的。

由于name属性已被xhtml中的id属性替换，因此最好使用ID属性来唯一地命名和引用特定元素。