section element - by. UXKM

2024-07-30

section element 설명

<section>는 문서의 일반적인 구조를 나타냅니다.
즉, (전형적으로 제목을 가지고 있는)콘텐츠의 주제 그룹을 말합니다.
각 <section>은 식별되어야 하며, 일반적으로 (<h1>-<h6> 요소들을 자식으로 가집니다.)
각 섹션은 자기들만의 제목 계층을 가질 수 있습니다. 그래서, 중첩된 섹션이라도 <h1> 제목을 가질 수 있습니다.

section element 기본 문법

							<section>
								<h1>Introduction</h1>
								<p>People have been catching fish for food since before recorded history…</p>
							</section>

							<section>
								<h1>Equipment</h1>
								<p>The first thing you’ll need is a fishing rod or pole that you find comfortable and is strong enough for the kind of fish you’re expecting to land…</p>
							</section>

							<article>
								<header>
									<h2>Apples</h2>
									<p>Tasty, delicious fruit!</p>
								</header>
								<p>The apple is the pomaceous fruit of the apple tree.</p>
								<section aria-label="Red apples.">
									<h3>Red Delicious</h3>
									<p>These bright red apples are the most common found in many supermarkets.</p>
								</section>
								<section aria-label="Green apples.">
									<h3>Granny Smith</h3>
									<p>These juicy, green apples make a great filling for apple pies.</p>
								</section>
							</article>

section element 설명

section element 기본 문법

section element 예제