<aside>
💡 기본적인 HTML 문서 구조에 대해서 알아보겠습니다!
VS Code 를 열고 ! + tab 을 눌러 보세요
</aside>
<!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>
<!DOCTYPE html>‘이 문서는 **html Living Standard 문서!’**라는 의미입니다.
DTD (Document type Definition) 라고 부르며 문서의 타입에 대한 정보를 제공합니다. 해당 코드를 통해 어떤 모드로 페이지를 렌더링할지 결정합니다.
이전의 버전에서는 아래와 같이 작성했었습니다.
<!-- HTML 4.01 Strict -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "<http://www.w3.org/TR/html4/strict.dtd>">
<!-- HTML 4.01 Transitional -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "<http://www.w3.org/TR/html4/loose.dtd>">
<aside> 🙋♀️ 작성 안하면 어떻게 되나요?
<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 | 독일 |
주 언어 설정은 검색엔진, 스크린리더, 번역 기능 제공 등에 영향을 미치게 됩니다!
스크린리더가 음성 표현에 사용할 언어를 선택할 때 도움이 됩니다.
headmeta