Sectioning elements (HTML 올바른 사용법)

표준에서 마크업을 할때 중요한 것은 시멘틱이다. 표준에서는 그래서 div를 이용해왔는데 문제는 이러한 div의 문제는 편리하기도 하지만

시멘틱하지 않다는 것이다. 다시 말해서 구조의 의미를 알아보기 어렵다는 것

그래서 훨씬 쉽게 그 용도를 짐작할 수 있는 Sectioning elements를 사용하는 습관을 들이는 것이 중요하다.

Sectioning elememtns에는 여러가지가 있는데 그중에서도 많이 쓰이는 것이

: 말 그대로 섹션을 구분

: 태그는 해당 문서나 페이지 또는 사이트와는 완전히 독립적으로 구성할 수 있는 요소를 정의할 때 사용

: 쉽게 말해 사이트 네비게이션이라고 함 태그를 포함하고 있는 경우가 대다수임. 다른 사이트나 페이지로 이동하는 메뉴바를 만들 때 많이 씀

: 주위의 내용과 분리는 되지만 아주 약간의 관련성이 있는 컨텐츠를 구성하는 페이지의 섹션

: 저작권, 저자 표시

주의사항 : 섹셔닝 엘리멘트 사용시 반드시 '헤딩'태그가 포함되어야함

ex)

• #


• #


• #

f)

: 메인은 Sectioning elements가 아니고, html에서 단 한번만 쓰일 수 있음 그러므로 헤딩 태그가 필수가 아님