HTML 05
2017. 2. 17. 22:53ㆍWork/HTML
728x90
반응형
공간 분할 태그
<div></div>
<span></span>
div : 개행 처럼 아래로 내려 간다.
span : 탭 처럼 옆으로 간다.
HTML5 시멘틱 구조 태그
- header : 헤더를 의미
- nav : 네비게이션을 의미
- aside : 사이드에 위치하는 공간을 의미
- section : 여러 중심 내용을 감싸는 공간을 의미
- article : 글자가 많이 들어가는 부분을 의미
- footer : 푸터를 의미
기존 공간 분할 방식
<body>
<div>
<h1>HTML5 Header</h1>
</div>
<div>
<ul>
<li><a href="#">Menu</a></li>
</ul>
</div>
<div>
<span>Please</span>
</div>
</body>
HTML5 시멘틱 태그
<body>
<header>
<h1>HTML5 Header</h1>
</header>
<nav>
<ul>
<li><a href="#">Menu</a></li>
</ul>
</nav>
<section>
<article><p>Please</p></article>
</section>
</body>
728x90
반응형