<html>
<head>
</head>
<body>
<header>메뉴</header>
<div id="container">
<nav>
<ul>
<li>home</li>
<li>news</li>
</ul>
</nav>
<aside>
<ul>
<li>날씨</li>
<li>운세</li>
</ul>
</aside>
<section>
<article>
<p>Lorem ipsum dolor sit amet</p>
</article>
<article>
<p>Lorem ipsum dolor sit amet</p>
</article>
</section>
</div>
<footer>ⓒCopyright</footer>
</body>
</html>
● 시맨틱 태그
- header : 머리말 (페이지 제목, 페이지 소개)
- nav : 내비게이션 (하이퍼링크의 모음)
- aside : 본문 흐름에 벗어나는 노트 및 팁
- section : 문서의 장이나 절에 해당하는 내용
- article : 본문, 독립적인 콘텐츠 영역
- footer : 꼬리말 (저자, 저작권 정보)
시맨틱 웹 : 컴퓨터 프로그램이 코드를 읽고 의미를 인식하는 지능형 웹
'Web > HTML' 카테고리의 다른 글
| HTML 커스텀 속성 (0) | 2021.01.12 |
|---|---|
| HTML 실행 순서 (0) | 2020.07.22 |
| VSCode 단축키 (0) | 2020.07.15 |
| 상대경로와 절대경로 (0) | 2020.07.13 |
| HTML 기본태그 (0) | 2020.07.13 |