[HTML] 구조 | Doctype & Document Structure

해버니 2023. 12. 27. 13:51

기본 구조는 이렇게 되어있다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

html을 작성할 때 가장 먼저 해줘야 하는 것은 DOCTYPE 선언이다.

Document Type Declaration

= DTD 선언

= 문서 형식 선언

<!DOCTYPE html> : '최신 버전의 html로 작성된건데 오류 없게 잘 렌더링 해줘' 라는 의미이다.

그리고

document : 문서라는 뜻인데

HTML에서 DOCUMENT는 HTML 동의어라고 생각해도 된다.

<body></body> : 웹 문서에서 보여주게 될 모든 컨텐츨르 다 body에 담는 것이다.

<head></head> : 사람으로 치자면 뇌에 해당하는 부분이다.

중요하지만 눈에 보이지 않는 것을 적어주는 곳이다.