728x90
반응형
시맨틱 태그(Semantic Tag)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>시멘틱 태그</title>
</head>
<body>
<header></header>
<nav></nav>
<main>
<article></article>
<section></section>
</main>
<footer></footer>
</body>
</html>
| header | 페이지의 머리글, 제목, 로고, 메뉴, 검색관련, 유틸, 작성자의 이름 등으로 구성 |
| nav | 페이지의 내비게이션 영역. (사이트 내, 외부로 이동). 메뉴, 목차, 색인 등 |
| main | 메인 컨텐츠 영역 문서 내에 반드시 한번만 사용 다른 태그의 하위로 작성할 수 없는 태그 |
| article | 본문의 주 내용이 들어가는 부분을 의미 |
| section | 본문의 여러 내용(article)을 포함하는 부분을 의미 |
| footer | 하단의 바닥글 영역. 회사정보, 저작권, 연락처 등의 정보로 구성 |
728x90
반응형
'HTML' 카테고리의 다른 글
| 표 만들기(table) (0) | 2026.01.16 |
|---|---|
| HTML 기본 구조 (0) | 2026.01.14 |
| [HTML] HTML (Hyper Text Markup Language) 란? (0) | 2023.09.15 |
