[HTML & CSS] 문서의 구조

HTML 문서의 기본 구조

<!doctype html>

<html>

<head>

</head>

<body>

본문 내용

</body>

</html>

<!doctype html>은 '독타입 선언'이라고 부르며, 소스의 제일 상단에 위치되어야 합니다.

독타입이란,

이 문서는 html문서이고, 어떤 버전을 사용 했으니, 그 버전에 맞는 방법으로 해석하라는 것입니다.

한마디로 브라우저에게 알리는 선언문이라고 보면 됩니다.

그렇게 때문에 항상 맨 처음에 선언을 해주어야 합니다.

글씨가 깨질경우 → <meta charset="utf-8">

1번과 같은 부가적인 정보와 2번과 같은 본질적인 정보를 각각 다른 태그에 담도록 약속이 되어있습니다.

1번을 감싸는 태그는 <head> 태그,

2번을 감싸는 태그는 <body> 태그,

그리고 마지막으로 제일 바깥쪽에 <html>태그를 두어야 하는 것이 기본적인 html의 구조입니다.

※ 정리 ※

html : html 문서의 시작을 알리는 태그

head : 시작을 알리는 태그

title : 문서의 제목을 정의 (브라우저의 타이틀바에 표시가 됩니다.)

body : html 문서의 본문의 시작을 알리는 부분

/ : 문서의 끝을 알리는 태그

만들어가는 나의 공간