반응형
MAIN 태그란?
<main>태그는 HTML5에서 도입된 태그입니다. body 영역을 세분화하면서 생긴 태그에요. 이 태그는 웹 페이지의 주요 내용을 나타내는 영역이며, <body>태그와 마찬가지로 단 한 번만 사용합니다. <main>태그를 빼먹는다고 문제가 되지는 않지만 웹 구조를 체계적으로 만드는 태그라서 검색엔진이 좋아합니다.
예시
<!DOCTYPE html>
<html>
<head>
<title>내 웹 페이지</title>
</head>
<body>
<header>
<!-- 헤더 내용 -->
</header>
<nav>
<!-- 네비게이션 내용 -->
</nav>
<main>
<h1>웹 페이지의 주요 내용</h1>
<p>여기에 웹 페이지의 핵심 콘텐츠를 작성합니다.</p>
<!-- 추가적인 내용을 여기에 작성 -->
</main>
<footer>
<!-- 푸터 내용 -->
</footer>
</body>
</html>
<main> 태그가 <body> 태그 하위 구조로 들어가 있는 걸 볼 수 있습니다.
위의 태그를 박스로 구분해보면 아래와 같습니다.
body 태그 안에서 컨텐츠가 착착 정리되는 기분이네요.
반응형
'HTML' 카테고리의 다른 글
| HTML Form 태그 : 효과적인 웹 폼 디자인과 상호작용을 위한 태그 (0) | 2023.06.07 |
|---|---|
| HTML footer 태그, 웹페이지의 마무리를 담당하는 태그 (0) | 2023.06.06 |
| HTML의 핵심요소, 웹페이지의 내용을 담는 body 태그 (0) | 2023.06.04 |
| HTML Label 태그, input 태그와 함께 다니는 최적 조합 (0) | 2023.06.03 |
| 인터랙티브 웹페이지 구현을 위한 HTML Input 태그의 활용 (0) | 2023.06.02 |
