HTML5 에 새로운 태그가 많이 생겼다고 하는데 구조태그?

무슨 태그 들이 있는지 궁금합니다.

1 답변

(14.8k 포인트)
0 투표

HTML5 구조태그 에는 header, nav, aside, section, article, footer 등이 있습니다.

1. header : 전체적인 구조, hgroup, nav 등을 포함

2. hgroup : header 에서 사이트의 제목이나 슬로건을 담을 수 있습니다. h1, h2, h3, h4, h5, h6

3. nav : 사이트의 메뉴를 구성합니다.

4. section : 페이지의 주요 컨텐츠를 구성합니다. 본문

5. article : section 안에서 주제별로 구분하여 본문을 구성합니다.

6. aside : 주요 내용 이외의 컨텐츠(블로그로 보면, 최근글, 최근 댓글, RSS 등)

7. footer : 사이트의 하단 부분의 구성합니다.

 

HTML5 구성 예제)

<html>
<head>
<title></title>
</head>
<body>
<header>
<hgroup>
<h1>heading group 제목</h1>
</hgroup>
<nav>
<ul>
<li>메뉴1</li>
<li>메뉴2</li>
<li>메뉴3</li>
</ul>
</nav>
</header>
 
<section>
<article>내용1</article>
<article>내용2</article>
</section>
<aside>
주요 내용 이외의 컨텐츠(블로그로 보면, 최근글, 최근 댓글, RSS 등)
</aside>
 
<footer>
하단
</footer>
</body>
</html>
구로역 맛집 시흥동 맛집
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
add
...