-
섹셔닝 루트(Sectioning Root)정보 2023. 11. 18. 18:39섹셔닝 루트에 속하는 요소는 <section>이나<article> 요소와 같이 장이나 절과 같은 계층 구조로 구분되지 않고 독립적인 콘텐츠로 분리되기 때문에 아웃라인에 영향을 주지 않음.
<blockquote>, <body>, <detail>, <fieldset>, <fiqure>, <td>
"Sectioning Root"는 HTML 문서의 구조를 정의하는데 사용되는 요소 중 하나입니다. Sectioning Root는 섹션 요소를 감싸는 루트 엘리먼트로서, 문서를 논리적인 섹션으로 나누고 구조화하는 역할을 합니다. HTML5에서 도입된 개념 중 하나입니다.
Sectioning Root에 해당하는 요소는 다음과 같습니다:
<body> 요소:
HTML 문서의 본문을 감싸는 요소로서, 모든 페이지 콘텐츠를 포함합니다.
다양한 섹션 요소(<header>, <footer>, <nav>, <section>, <article>, <aside>, <main>)를 포함할 수 있습니다.예시:
<!DOCTYPE html>
<html>
<head>
<title>My HTML Document</title>
</head>
<body>
<header>
<h1>웹 페이지의 제목</h1>
</header>
<nav>
<ul>
<li><a href="#">홈</a></li>
<li><a href="#">서비스</a></li>
<li><a href="#">문의</a></li>
</ul>
</nav>
<main>
<section>
<h2>첫 번째 섹션</h2>
<p>이 섹션에 대한 내용...</p>
</section>
<section>
<h2>두 번째 섹션</h2>
<p>이 섹션에 대한 내용...</p>
</section>
</main>
<footer>
<p>© 2023 My Website</p>
</footer>
</body>
</html>이 예시에서 <body> 요소가 Sectioning Root 역할을 하고 있습니다. <header>, <nav>, <main>, <footer> 등의 섹션 요소를 포함하여 웹 페이지의 구조를 나타내고 있습니다.
728x90'정보' 카테고리의 다른 글
플로우 컨텐츠(Flow Content) (0) 2023.11.18 메타데이터 콘텐츠(Metadata Content) (0) 2023.11.18 HTML4.01, XHTML1.0과 HTML5의 차이점 (0) 2023.11.18 HTML의 탄생 (0) 2023.11.18 카카오톡 PC 버전 다운로드 (1) 2023.11.18