Sectioning Root란?
- Sectioning Root는 '최상위 Section을 의미
- HTML5에서 새롭게 추가 된 명세
- 섹셔닝 루트 외부에서는 내부 개요에 접근 불가
- 문맥 아닌 콘텐츠를 전체 개요에서 격리하는 역할
중요한 점은 비록 HTML에 명시가 되어 있지만, 브라우저 제조사가 오랜기간 해당 알고리즘을 구현하지 않았기 때문에 이 개념을 실무에서 적용하는 것은 권장하지 않는다.
Sectioning Root의 종류
<body>
<blockquote>
<details>
<dialog>
<figure>
<fieldset>
<td>
가급적 섹셔닝 루트 요소 안에는 헤딩을 작성하지 않는 것이 좋다.
출처 : The RED : 견고한 UI 설계를 위한 마크업 가이드 by 정찬명
'공부 > 퍼블리싱' 카테고리의 다른 글
| CSS 기타 오답노트 (0) | 2024.01.06 |
|---|---|
| <picture> 태그 사용해서 avif, webp, jpg 이미지 최적화 하기 (0) | 2024.01.05 |
| HTML 상요작용 태그 적절히 사용하기 (0) | 2024.01.05 |
| Include HTML header / footer files (0) | 2022.07.28 |
| Swiper js - 겹침 문제 해결 (0) | 2022.06.16 |
