![[HTML] 시멘틱 구조 태그](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbmaaLT%2FbtroRL0IvO6%2FJRv3QsXGCElCORwyvJatlk%2Fimg.png)
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Basic</title>
</head>
<body>
<header>
<h1>HTML5 Header</h1>
</header>
<nav>
<ul>
<li><a href="#">Menu - 1</a></li>
<li><a href="#">Menu - 2</a></li>
<li><a href="#">Menu - 3</a></li>
</ul>
</nav>
<section>
<article>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</article>
<article>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</article>
</section>
<footer>
<address>서울특별시 강서구 내발산동</address>
</footer>
</body>
</html>
시멘틱 구조 태그
<header> 헤더 의미
<nav> 네비게이션 의미
<aside> 사이드에 위치하는 공간 의미
<section> 여러 중심 내용을 감싸는 공간 의미
<aricle> 글자가 많이 들어가는 부분 의미
<footer> 푸터 의미
'HTML > Day36' 카테고리의 다른 글
| [HTML] 공간 분할 태그 div & span (0) | 2021.12.26 |
|---|---|
| [HTML] fieldset 태그 & legend 태그 (0) | 2021.12.26 |
| [HTML] textarea 태그 & select 태그 (2) | 2021.12.25 |
| [HTML] form 입력 양식 태그 & input 태그 (0) | 2021.12.25 |
| [HTML] video 비디오 태그 (0) | 2021.12.25 |