새로운 HTML5
섹션 요소가 다소 혼란 스러울 수 있습니다. HTML5 이전에 HTML 문서를 작성했다면 이미 요소를 사용하여 페이지에서 구조적 구분을 작성한 다음 페이지로 스타일을 지정할 가능성이 있습니다. 따라서 기존의 시스템을 간단하게 대체하는 것이 자연스러운 것처럼 보일 수 있습니다.
DIV 요소
섹션 집단. 그러나 이것은 기술적으로 부정확합니다. 그래서 만약 당신이 단지
DIV 요소
SECTION 요소는 의미 론적 요소이다.
이해해야 할 첫 번째 사항은
섹션 요소는 의미 론적 요소입니다. 이는 사용자 에이전트와 사용자 모두에게 밀폐 된 컨텐츠가 무엇인지, 특히 문서의 한 부분에 대한 의미를 제공한다는 것을 의미합니다.
이것은 매우 일반적인 의미 론적 설명처럼 보일 수 있습니다. 왜냐하면 그것이 그렇기 때문입니다. 다른 HTML5 요소를 사용하면 내용을보다 의미 적으로 구분할 수 있으므로 먼저 해당 내용을 사용하기 전에 사용해야합니다.
섹션 요소:
-
조
-
곁에
-
NAV
SECTION 요소를 사용하는 경우
사용
조 요소는 콘텐츠가 독자적으로있을 수 있고 기사 또는 블로그 게시물과 같이 신디케이트 될 수있는 사이트의 독립적 인 부분 일 때 사용할 수 있습니다. 사용
곁에 주석, 각주 또는 관련 사이트 정보와 같이 페이지 콘텐츠 또는 사이트 자체에 접하게 관련된 콘텐츠 일 때 요소를 포함 할 수 있습니다. 사용
NAV 탐색 콘텐츠의 요소입니다.
그만큼
섹션 요소는 일반적인 의미 요소입니다. 다른 의미 컨테이너 요소가 적절하지 않은 경우이를 사용합니다. 이를 사용하여 문서의 일부를 함께 결합하여 어떤 방식 으로든 관계형으로 설명 할 수 있습니다. 섹션의 요소를 한두 문장으로 설명 할 수 없다면 요소를 사용해서는 안됩니다.
대신,
DIV 요소. 그만큼
DIV HTML5의 요소는 의미없는 컨테이너 요소입니다. 결합하려는 콘텐츠가 의미 론적 의미가 없지만 스타일링을 위해 결합해야하는 경우
SECTION 요소의 작동 방식
문서 섹션이 기사의 외부 컨테이너로 나타날 수 있으며
곁에 집단. 또한 콘텐츠의 일부가 아닌 콘텐츠를 포함 할 수 있습니다.
조 또는
곁에. 에이
섹션 요소는
조,
NAV, 또는
곁에. 하나의 콘텐츠 그룹이 기사 또는 페이지 전체의 섹션 인 다른 콘텐츠 그룹의 섹션임을 나타 내기 위해 섹션을 중첩 할 수도 있습니다.
그만큼
섹션 요소는 문서 개요에 항목을 만듭니다. 그리고 이와 같이, 당신은 항상 헤더 요소 (
H1 …을 통하여
H6) 섹션의 일부로. 섹션 제목을 가져올 수 없으면 다시
DIV 요소가 더 적절할 것입니다. 페이지에 섹션 제목을 표시하지 않으려면 CSS를 사용하여 섹션 제목을 항상 마스킹 할 수 있습니다.
SECTION 요소를 사용하지 않을 때
보다 구체적인 의미 론적 요소를 먼저 사용하기 위해 위의 조언을 넘어서는, 당신이 사용하지 말아야 할 명확한 영역이 있습니다.
섹션 요소 : 스타일 전용.
다시 말해, 해당 위치에 요소를 추가하는 유일한 이유는 CSS 스타일 속성을 첨부하는 것이므로
섹션 요소. 의미 론적 요소를 찾거나
궁극적으로는 중요하지 않을 수 있음
의미 론적 HTML을 작성하는 데있어서의 어려움은 저에게 의미 론적 의미가 당신에게 완전히 터무니없는 것일 수 있다는 것입니다. 당신이 당신이 사용하는 것을 정당화 할 수 있다고 생각한다면
섹션 요소를 사용하면 문서를 사용해야합니다. 대부분의 사용자 에이전트는 관심을 두지 않고 페이지를 표시합니다.
DIV 또는
섹션.
의미 론적으로 정확하고 디자이너를 위해
섹션 요소가 의미 론적으로 유효한 방식으로 중요합니다. 자신의 페이지가 작동하기를 원하는 디자이너에게는 그다지 중요하지 않습니다. Google은 의미 론적으로 유효한 HTML을 작성하는 것이 좋은 습관이며 페이지의 미래를 보장합니다. 그러나 결국 그것은 당신에게 달려 있습니다.
