分散整个HTML页面中元素的最简洁方法是什么？

Question

将分散在整个页面中的元素分组的最简洁方法是什么（即它们不能全部包含在单个字段集或其他容器中）？

1）使用class属性...（或对CSS类使用此限制？）

<div id="region1">
    <p class="primary">stuff</p>
    <div class="secondary">stuff</div>
</div>
stuff
<div id="region2">
    <div class="secondary">stuff</div>
    <div class="primary">stuff</div>
</div>

2）使用“group”属性...（或避免元素上的非标准属性？）

<div id="region1">
    <p group="primary">stuff</p>
    <div group="secondary">stuff</div>
</div>
stuff
<div id="region2">
    <div group="secondary">stuff</div>
    <div group="primary">stuff</div>
</div>

3）其他一些方式???

Answer 1

类属性，这允许您在CSS中使用类选择器。

Answer 2

类。原因有三：

1）'group'和'class'之间没有可观察到的语义差异。

2）所有可以处理CSS的浏览器都可以处理类选择器 - 并非所有浏览器都可以处理[group=whatever]。

3）键入[group=whatever]比.whatever更加深思熟虑，打字更多。

Answer 3

我个人更喜欢类标准，这是标准的。

Answer 4

至于你没有使用css类名作为数据容器，它们没问题。 如果您需要在元素中存储元数据，请使用javascript。