HTML + CSS + JAVA
| 제목 | 태그 | 역할 및 설명 | 사례 |
| 상단(헤더) | 사이트 이름, 로고, 글로벌 네비게이션, 검색창 등 상단 영역 | ||
| 내비게이션 | 주요 메뉴, 카테고리, 사이트 내 탐색 링크 집합 | 사용 예) | |
| 본문(메인) | 페이지의 핵심 콘텐츠(문서당 1회만 사용) | 사용 예) | |
| 구역(섹션) | 주제별로 나누는 구역, 관련 있는 콘텐츠 묶음 | 사용 예) | |
| 독립 콘텐츠 | 블로그 글, 뉴스, 게시글 등 독립적으로 배포 가능한 콘텐츠 | 사용 예) | |
| 보조 영역 | 사이드바, 광고, 관련 링크 등 주요 내용과 직접 관련 없는 보조 정보 | 사용 예) | |
| 하단(푸터) | 저작권, 연락처, 사이트 정보 등 하단 영역 | 사용 예) | |
| 일반 구분 | 의미 없는 컨테이너, 스타일/레이아웃 목적 | 사용 예) | |
| 인라인 구분 | 의미 없는 인라인 컨테이너, 텍스트 일부 스타일링 등 | 사용 예) | |
| 사용 예) | |||
| 사용 예) |
https://shorturl.fm/qMftN
https://shorturl.fm/9aC6H
https://shorturl.fm/7iaGr
https://shorturl.fm/1vafs
https://shorturl.fm/HwPfa
https://shorturl.fm/bbZpI
https://shorturl.fm/WUNbi
https://shorturl.fm/d9J6q
https://shorturl.fm/abxOT
https://shorturl.fm/7TJNu