# 루트 요소 및 메타데이터

### html

`<html>` 요소는 HTML 문서의 최상단 요소를 나타내며, "루트 요소"라고도 부릅니다. 모든 다른 요소는 `<html>`의 후손이어야 합니다.

### head

제목, 스크립트, 스타일 등 문서에 대한 메타 데이터 정보를 담습니다. HTML 문서에는 하나의 `<head>` 요소만 존재할 수 있습니다.

### base

문서 안의 모든 상대 URL이 사용할 기준 URL을 지정합니다. 문서에는 단 하나의 `<base>` 요소만 존재할 수 있습니다.

### link

현재 문서와 외부 리소스의 관계를 명시합니다. 일반적으로 CSS 문서를 연결하는데 사용되며, 파비콘 등의 아이콘을 연결하는데에도 사용됩니다.

- href

- hreflang

- rel

  alternate | author | bookmark | canonical | external | icon |license | manifest | nofollow | stylesheet | prev | next

- type

- media

- disabled


```html
<link href="basic.css" rel="alternate stylesheet" title="Basic">
<link rel="icon" href="favicon32.png">
```

### meta

다른 메타관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다.

- charset

- name

  application-name | author | description | generator | keywords | referrer |theme-color | color-scheme |creator |robots | publisher | viewport

- content

- http-equiv


```html
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Describe about the document.">
```

### style

문서나 문서 일부에 대한 스타일 정보를 포함합니다.

```html
<style type="text/css">
    p {color: red;}
</style>
```

### title

브라우저의 제목 표시줄이나 페이지 탭에 보이는 문서 제목을 정의합니다. 요소 내에는 텍스트만 사용할 수 있으며, 태그는 무시됩니다.

### body

HTML 문서의 내용을 나타냅니다. 한 문서에 하나의 `<body>` 요소만 존재할 수 있습니다.

### script

실행 가능한 코드를 문서에 포함하거나 참조할 때 사용합니다. 보통 JavaScript 코드와 함께 쓰지만, WebGL의 GLSL 셰이더 프로그래밍 언어 등 다른 언어와도 사용할 수 있습니다.

### noscript

페이지의 스크립트 유형을 지원하지 않거나, 브라우저가 스크립트를 비활성화한 경우 보여줄 HTML 구획을 정의합니다.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element