1. HTML 기본 구조

<!DOCTYPE html>
<html lang="en">
<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>

1. `<!DOCTYPE html>`

‘이 문서는 **html Living Standard 문서’**라는 의미입니다.

2. `<html lang="en">`

<html>태그는 HTML 문서의 루트, 최상단 요소입니다.
lang 속성을 통해 해당 페이지의 주 언어가 무엇인지 설정할 수 있습니다.
lang="**ko**",lang="**ko-KR**"

언어코드(소문자)-국가코드(대문자)

언어코드	언어	국가코드(국가)
ko	한국어	KR(대한민국), KP(북한)
en	영어	US(미국), GB(영국), PH(필리핀)
zh	중국어	CN(중국), HK(홍콩), TW(대만), Hans(간체), Hant(번체)
ja	일본어
de	독일

주 언어 설정은 검색엔진, 스크린리더, 번역 기능 제공 등에 영향을 미치게 됩니다!
스크린리더가 음성 표현에 사용할 언어를 선택할 때 도움이 됩니다.

3. `head`

기계가 식별할 수 있는 **문서 정보(메타데이터)**를 담습니다.
검색엔진을 위한 다양한 정보들이 담기는 곳입니다.
사용자에게는 title, 파비콘, viewport 정보등이 보이게 됩니다.

`meta`

메타데이터: “어떤 목적을 위해 만들어진 데이터”

1. HTML 기본 구조

1. <!DOCTYPE html>

2. <html lang="en">

3. head

meta

1. `<!DOCTYPE html>`

2. `<html lang="en">`

3. `head`

`meta`