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