HTML 문서에 섹션(section)을 추가하려면 <section> 태그를 사용합니다. <section> 태그는 문서 내용을 주제별로 구분하고 그룹화하는 데 사용되는 시맨틱(semantic) 요소로, 일반적으로 제목 태그(<h1>~<h6>)와 함께 사용하여 콘텐츠의 의미 구조를 더욱 명확하게 만들어 줍니다.
예제
다음 코드를 실행하면 HTML 문서에 섹션을 포함시키는 방법을 직접 확인할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML Section Tag</title> </head> <body> <section> <h1>Java</h1> <h3>상속(Inheritance)</h3> <p>상속은 슈퍼클래스(부모 클래스)와 서브클래스(자식 클래스) 간의 관계를 정의합니다.</p> </section> </body> </html>
위 코드를 브라우저에서 실행하면 'Java'라는 주제를 담은 하나의 섹션이 생성되며, 그 안에 하위 제목인 '상속'과 해당 개념에 대한 설명이 함께 화면에 표시됩니다. 이처럼 <section> 태그를 활용하면 문서의 각 부분이 어떤 주제를 다루는지 브라우저와 검색 엔진이 쉽게 이해할 수 있어, 접근성과 SEO 측면에서도 유리합니다.