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

클래스. 세 가지 이유 :

1) '그룹'과 '클래스'사이에는 의미있는 차이가 없습니다.

2) CSS를 처리 할 수있는 모든 브라우저는 클래스 선택기를 처리 할 수 ​​있습니다. 모두가 [group=whatever]을 처리 할 수있는 것은 아닙니다.

3) [group=whatever]을 입력하면 .whatever보다 더 많은 생각과 더 많은 타이핑이 필요합니다.

Answer 2

클래스 속성을 사용하면 CSS에서 클래스 선택기를 사용할 수 있습니다.

Answer 3

개인적으로 나는 개인적으로 표준 인 class 문을 선호합니다.

Answer 4

데이터 컨테이너로 css 클래스 이름을 사용하지 않는 한 괜찮습니다. 요소 내에 메타 데이터를 저장해야하는 경우 javascript를 사용하십시오.