1. index.html 같은 HTML 파일을 우리는 HTML 문서라고 표현할 수 있다. HTML 문서의 범위를 나타내는 태그를 알아보자.
<!DOCTYPE html>
<html>
<head>
문서의 정보
</head>
<body>
문서의 구조
</body>
</html>
<!-- index.html의 전체 문서의 범위가 html 태그이다. -->
<!-- index.html문서의 문서정보는 head로 정의한다. -->
<!-- index.html문서의 문서의 구조는 body로 정의한다. --><!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<meta name = "author" content = "홍길동">
<meta name = "description" content = "우리의 사이트가 최고!">
<title>내 사이트</title>
<link rel = "stylesheet" href = "./css/main.css">
<script src = "./js/main.js"></script>
</head>
<body>
<section>
<h1></h1>
<div>
<ul>
<li></li>
<li></li>
</ul>
</div>
</section>
</body>
</html>
Head부분도 물론 정보가 출력되긴한다. 하지만 body가 더 주요 부분이고 head가 출력이 되게 하기위해서 만들어진 용도는 아니다.
2. DOCTYPE(DTD, Document Type Definition)은 마크업 언어에서 문서 형식을 정의한다.
이는 웹 브라우저에 우리가 제공할 HTML 문서를 어떤 HTML 버전의 해석 방식으로 구조화하면 되는지를 알려준다.
(HTML은 크게 1,2,3,4,X-,5 버전이 있다.)
현재의 표준 모드는 HTML5 이다.
'HTML > 기초' 카테고리의 다른 글
| BODY 태그(div, image), feat.웹 표준 검사 --> HTML 문서의 구조 (0) | 2020.12.22 |
|---|---|
| HEAD 태그 (TITLE, META, LINK, STYLE, SCRIPT) --> HTML 문서의 정보 (0) | 2020.12.22 |
| 빈 태그(Empty tag) (0) | 2020.12.22 |
| 부모요소(Parent Element) & 자식 요소(Child Element) (0) | 2020.12.22 |
| 속성(Attribute)& 값(Value) (0) | 2020.12.22 |