將分散在整個HTML頁面中的元素進行分組的最簡潔方法是什麼？

Question

將元素分散到整個頁面中的最簡潔的方法是什麼？（即它們不能全部包含在單個字段集或其他容器中）？

1）使用使用該對CSS類class屬性...（或限制？）

<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）使用 「組」 屬性...（或避免非標準屬性上的元素？）

<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

Class。原因有三：

1）'group'和'class'之間沒有可觀察到的語義差異。

2）所有可以處理CSS的瀏覽器都可以處理類選擇器 - 並非所有的瀏覽器都可以處理[group=whatever]。

3）打字[group=whatever]比.whatever需要更多思考和更多打字。

Answer 2

類屬性，這允許您在CSS中使用類選擇器。

Answer 3

我個人更喜歡class statement，這是標準的。

Answer 4

只要你不使用css類名作爲數據容器，它們就沒有問題。 如果您需要在元素中存儲元數據，請使用javascript。