[HTML] 시멘틱 (semantic) 구분
2023. 3. 7. 01:20ㆍ기술 창고/HTML
728x90
SMALL
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>시멘틱 구분</title>
</head>
<body>
<div id="wrapper">
<header>
<h1>Logo</h1>
<h2>menu</h2>
</header>
<hr> <!-- by the way (구분선) -->
<main>
<aside><h2>Sub Menu</h2></aside>
<hr>
<section>
<h2>Main Menu</h2>
<article>
<h3>article title</h3>
<p>article contents</p>
</article>
<article>
<h3>article title</h3>
<p>article contents</p>
</article>
<article>
<h3>article title</h3>
<p>article contents</p>
</article>
</section>
</main>
<hr>
<footer>
<h2>footer</h2>
</footer>
</div>
</body>
</html>
<!--
# <hr> = 구분선을 넣어주는 태그
-->- <hr> : 구분해주는 구분선 태그.
728x90
반응형
LIST
'기술 창고 > HTML' 카테고리의 다른 글
| Visual Code 설치와 초기 html 작성 (0) | 2023.03.07 |
|---|---|
| [HTML] 정형화된 텍스트 (0) | 2023.03.07 |
| [HTML] paragraph 텍스트 (0) | 2023.03.07 |
| [HTML] Heading 태그 (0) | 2023.03.07 |
| [HTML] 시멘틱 (semantic) 태그 (0) | 2023.03.07 |