86 lines
2.4 KiB
Markdown
86 lines
2.4 KiB
Markdown
# 루트 요소 및 메타데이터
|
|
|
|
### 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 |