HTML <section> Tag

마지막 업데이트 날짜
일요일 15일 5월 2022

html sectioning

section 요소에는 일반적으로 특정 섹션과 내용에서 읽을 내용을 독자에게 알려주는 제목이 있습니다. section 태그는 내용을 섹션과 하위 섹션으로 나눕니다.

section 태그의 가장 큰 장점은 의미 론적 요소라는 것입니다.

HTML5에서는 <section></section> 태그를 사용하여 섹션을 정의할 수 있습니다. 문서 페이지에 원하는만큼 많은 섹션을 가질 수 있습니다.

구문

	<section>섹션 내용</section>
	

html section

예제

	<section>
  <h1>섹션: 제목 1</h1>
  <p>섹션의 내용 1</p>
</section>
<section>
  <h1>섹션: 제목 2</h1>
  <p>섹션의 내용 2</p>
</section>
<section>
  <h1>섹션: 제목 3</h1>
  <p>섹션의 내용 3</p>
</section>
	

html section tag

프론트엔드 프레임워크 및 라이브러리

	<section>
  <h2>프론트엔드 프레임워크 및 라이브러리</h2>
  <ul>
    <li>AngularJS</li>
    <li>React JS</li>
    <li>Vue JS</li>
    <li>Svelte</li>
  </ul>
</section>
	

브라우저 지원

테이블의 숫자는 요소를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.

요소 Chrome Edge Mozilla Safari Opera
<section> 5.0 9.0 4.0 5.0 11.5