728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<title>컨테이너 태그</title>
<meta charset="UTF-8">
</head>
<body>
<!-- 컨테이너 태그 : 레이아웃이나 목적에 따라 서로 관련있는 태그를 모아두기 위해 존재한다. 주로 부모-자식 관계 구축을 목적으로 함. 역할에 따라 구분하여 사용한다. -->
<div>
<!-- DIV 태그 : Divider, 아무 의미 없는 컨테이너. (한 줄) -->
</div>
<span>
<!-- SPAN 태그 : 아무 의미 없는 컨테이너. (자기 자리만) -->
</span>
<DIV>A</DIV>
<DIV>B</DIV>
<span>1</span>
<span>2</span>
<header>
<!-- HEADER 태그 : 페이지 상단부 -->
</header>
<aside>
<!-- ASIDE 태그 : 페이지와 직접적으로 관계가 없거나 간접적인 내용 -->
</side>
<nav>
<!-- NAV 태그 : Navigator. 메뉴 링크, 기능 등의 집합을 내용으로 가짐 -->
</nav>
<main>
<!-- MAIN 태그 : 페이지의 주된 내용 -->
</main>
<footer>
<!-- FOOTER 태그 : 페이지 하단부(저작권, 사이트맵 등등) -->
</footer>
<section>
<!-- SECTION 태그 : 구획을 나누는 목적. 페이지에서 분리된 경우 무의미해지는 내용 -->
</section>
<article>
<!-- ARTUCLE 태그 : 구획을 나눈느 목적. 페이지에서 분리될 경우에도 유의미한 내용. -->
</article>
</body>
</html>
728x90
반응형