영역을 분류 하는 태그
- tag는 문서 혹은 요소가 독립적으로 존재할 수 있을 때 사용한다. (시맨틱태그)
- tag는 논리적으로 관계 있는 문서 혹은 요소를 분리할 때 사용한다. (시맨틱태그)
- 요소간 논리적 관계와는 상관없이 요소를 나눠야 할 필요가 있을 경우 사용한다. (디자인 태그)
article[아티클!]
- 내용이 독립적이다
**하위 요소로 제목(h1~h6)나와야함**- 해당 페이지에서 다른 페이지나 다른 영역에 언제든지 독립적
으로 갖다 붙힐 수 있는 영역을 그룹화 - 사이트 안에서 독립적으로 구분해 배포하거나 재사용할 수 있는 구역
- 게시판과 블로그 글, 매거진이나 뉴스 기사
- 요소와, 요소를 포함하기도 한다
section [섹션!]
- 논리적으로 관련된 집합체
**하위 요소로 제목(h1~h6)나와야함**<header> 요소와,<footer> 요소를 포함하기도 한다
위와 같은 기본적인 의미를 생각 한다면
안에 이 여러 개 들어가는 것은 조금 부자연스러울 수 있다. 왜냐하면 서로 관련 있는 내용을 모아 놓아야 할 안에 각각이 독립된 이 들어가 서로 다른 내용의 독립 이 배치되기 때문이다.따라서
안에 이 들어가는 것이 자연스럽다.- 동봉된 컨텐츠가 그 독립된 자체만으로도 의미가 통하는가? 만약 그렇다면 를 사용하라
- 동봉된 컨텐츠가 주제와 관련된 것이가? 만약 그렇다면 를 사용하라동봉된 컨텐츠가 주제와 관련된 것이가?
- 만약 의미론적인 관련성이 없다면, 를 사용하라.
화이팅