HTML 문서구조

<!doctype html> : HTML 버전 지정 (Document Type Definition, DTD)
<!doctype Public> : XHTML 버전 지정
<html> ~ </html> : 문서의 전체 범위
<head> ~ </head> : 문서의 정보를 나타내는 범위 (=눈에 보이지 않는 정보, 본문에 대한 설명)
<body> ~ <body> : 문서의 구조를 나타내는 범위 (= 눈에 보이는 구조, 본문)
<title> ~ </title> : 웹 문서 제목 지정 (브라우저 탭)
<meta> : title, link, style, script 태그로 표시할 수 없는 HTML의 모든 정보를 가지는 부분

<aside> 💡 charset : 문자 인코딩 방식 name : 정보의 종류 content : 정보의 실제값

</aside>

HTML 문서구조 예시

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

시맨틱 태그 (Semantic)

images_yeonu_post_64b8ef2d-b0a7-4a66-8bd2-ffcae122d1bf_html5_sectioning_high_level.jpeg

<header> ~ </header>
<nav> ~ </nav>
<main> ~ </main>
<section> ~ </section>
<article> ~ <article>
<aside> ~ </aside>