files/ko/web/html/element/body/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166

---
title: '<body>: 문서 본문 요소'
slug: Web/HTML/Element/body
tags:
  - Element
  - HTML
  - Reference
  - Web
translation_of: Web/HTML/Element/body
---
<div>{{HTMLRef}}</div>

<p><strong>HTML <code>&lt;body&gt;</code> 요소</strong>는 HTML 문서의 내용을 나타냅니다. 한 문서에 하나의 <code>&lt;body&gt;</code> 요소만 존재할 수 있습니다.</p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/ko/docs/Web/Guide/HTML/Content_categories">콘텐츠 카테고리</a></th>
   <td><a href="/ko/docs/Web/HTML/Sections_and_Outlines_of_an_HTML5_document#Sectioning_roots">구획 루트</a>.</td>
  </tr>
  <tr>
   <th scope="row">가능한 콘텐츠</th>
   <td><a href="/ko/docs/Web/Guide/HTML/Content_categories#플로우_콘텐츠">플로우 콘텐츠</a>.</td>
  </tr>
  <tr>
   <th scope="row">태그 생략</th>
   <td>태그 내의 첫번째 것이 공백, 주석, {{HTMLElement("script")}}요소, {{HTMLElement("style")}}요소가 아닐경우 시작태그를 생략할수 있습니다. body 요소가 시작태그를 가지고있고, 바로 뒤에 주석이 따라오지 않는다면 종료 태그를 생략할수 있습니다.</td>
  </tr>
  <tr>
   <th scope="row">가능한 부모 요소</th>
   <td>{{HTMLElement("html")}} 요소의 두번째 요소여야 합니다.</td>
  </tr>
  <tr>
   <th scope="row">암시적 ARIA 역할</th>
   <td><a href="/ko/docs/Web/Accessibility/ARIA/Roles/Document_Role"><code>document</code></a></td>
  </tr>
  <tr>
   <th scope="row">가능한 ARIA 역할</th>
   <td>없음</td>
  </tr>
  <tr>
   <th scope="row">DOM 인터페이스</th>
   <td>{{domxref("HTMLBodyElement")}}
    <ul>
     <li><code>&lt;body&gt;</code> 요소는 {{domxref("HTMLBodyElement")}} 인터페이스를 노출합니다.</li>
     <li>{{domxref("document.body")}} 속성을 통해 <code>&lt;body&gt;</code> 요소에 접근할 수 있습니다.</li>
    </ul>
   </td>
  </tr>
 </tbody>
</table>

<h2 id="특성">특성</h2>

<p>이 요소는 <a href="/ko/docs/Web/HTML/Global_attributes">전역 특성</a>을 포함합니다.</p>

<dl>
 <dt>{{htmlattrdef("alink")}} {{obsolete_inline}}</dt>
 <dd>선택한 하이퍼텍스트 링크의 색. <em>이 방법은 적합하지 않습니다. CSS {{cssxref("color")}} 속성과 {{cssxref(":active")}}의 조합을 대신 사용하세요.</em></dd>
 <dt>{{htmlattrdef("background")}} {{obsolete_inline}}</dt>
 <dd>배경 이미지의 URI. <em>이 방법은 적합하지 않습니다. CSS {{cssxref("background")}} 속성을 대신 적용하세요.</em></dd>
 <dt>{{htmlattrdef("bgcolor")}} {{obsolete_inline}}</dt>
 <dd>배경색. <em>이 방법은 적합하지 않습니다. CSS {{cssxref("background-color")}} 속성을 대신 적용하세요.</em></dd>
 <dt>{{htmlattrdef("bottommargin")}} {{obsolete_inline}}</dt>
 <dd>아래쪽 여백. <em>이 방법은 적합하지 않습니다. CSS {{cssxref("margin-bottom")}} 속성을 대신 적용하세요.</em></dd>
 <dt>{{htmlattrdef("leftmargin")}} {{obsolete_inline}}</dt>
 <dd>왼쪽 여백. <em>이 방법은 적합하지 않습니다. CSS {{cssxref("margin-left")}} 속성을 대신 적용하세요.</em></dd>
 <dt>{{htmlattrdef("link")}} {{obsolete_inline}}</dt>
 <dd>방문하지 않은 하이퍼텍스트 링크의 색. <em>이 방법은 적합하지 않습니다. CSS {{cssxref("color")}} 속성과 {{cssxref(":link")}}의 조합을 대신 사용하세요.</em></dd>
 <dt>{{htmlattrdef("onafterprint")}}</dt>
 <dd>사용자가 문서를 출력한 뒤 호출할 함수.</dd>
 <dt>{{htmlattrdef("onbeforeprint")}}</dt>
 <dd>사용자가 문서 출력을 요청했을 때 호출할 함수.</dd>
 <dt>{{htmlattrdef("onbeforeunload")}}</dt>
 <dd>문서를 처분<sup>unload</sup>하기 직전에 호출할 함수.</dd>
 <dt>{{htmlattrdef("onblur")}}</dt>
 <dd>문서가 포커스를 상실했을 때 호출할 함수.</dd>
 <dt>{{htmlattrdef("onerror")}}</dt>
 <dd>문서를 제대로 불러오지 못했을 때 호출할 함수.</dd>
 <dt>{{htmlattrdef("onfocus")}}</dt>
 <dd>문서가 포커스를 받을 때 호출할 함수.</dd>
 <dt>{{htmlattrdef("onhashchange")}}</dt>
 <dd>문서의 현재 주소 중 Fragment identifier part(해시(<code>'#'</code>) 문자로 시작)가 변경됐을 때 호출할 함수.</dd>
 <dt>{{htmlattrdef("onlanguagechange")}} {{experimental_inline}}</dt>
 <dd>선호 언어 변경 시 호출할 함수.</dd>
 <dt>{{htmlattrdef("onload")}}</dt>
 <dd>문서를 다 불러왔을 때 호출할 함수.</dd>
 <dt>{{htmlattrdef("onmessage")}}</dt>
 <dd>문서가 메시지를 받았을 때 호출할 함수.</dd>
 <dt>{{htmlattrdef("onoffline")}}</dt>
 <dd>네트워크 연결이 실패했을 때 호출할 함수.</dd>
 <dt>{{htmlattrdef("ononline")}}</dt>
 <dd>네트워크 연결을 복구했을 때 호출할 함수.</dd>
 <dt>{{htmlattrdef("onpopstate")}}</dt>
 <dd>사용자가 세션 기록을 따라 이동했을 때 호출할 함수.</dd>
 <dt>{{htmlattrdef("onredo")}}</dt>
 <dd>사용자가 되돌리기 변경 기록(undo transaction history)에서 다시 이후로 이동했을 때 호출할 함수.</dd>
 <dt>{{htmlattrdef("onresize")}}</dt>
 <dd>문서의 크기가 바뀔 때 호출할 함수.</dd>
 <dt>{{htmlattrdef("onstorage")}}</dt>
 <dd>저장 영역이 변경되었을 때 호출할 함수.</dd>
 <dt>{{htmlattrdef("onundo")}}</dt>
 <dd>사용자가 되돌리기 변경 기록(undo transaction history)에서 이전으로 이동했을 때 호출할 함수.</dd>
 <dt>{{htmlattrdef("onunload")}}</dt>
 <dd>문서를 처분(unload) 중일 때 호출할 함수.</dd>
 <dt>{{htmlattrdef("rightmargin")}} {{obsolete_inline}}</dt>
 <dd>오른쪽 여백. <em>이 방법은 적합하지 않습니다. CSS {{cssxref("margin-right")}} 속성을 대신 적용하세요.</em></dd>
 <dt>{{htmlattrdef("text")}} {{obsolete_inline}}</dt>
 <dd>글자의 전경색. <em>이 방법은 적합하지 않습니다. CSS {{cssxref("color")}} 속성을 대신 적용하세요.</em></dd>
 <dt>{{htmlattrdef("topmargin")}} {{obsolete_inline}}</dt>
 <dd>위쪽 여백. <em>이 방법은 적합하지 않습니다. CSS {{cssxref("margin-top")}} 속성을 대신 적용하세요.</em></dd>
 <dt>{{htmlattrdef("vlink")}} {{obsolete_inline}}</dt>
 <dd>방문했던 하이퍼텍스트 링크의 색. <em>이 방법은 적합하지 않습니다. CSS {{cssxref("color")}} 속성과 {{cssxref(":visited")}}의 조합을 대신 사용하세요.</em></dd>
</dl>

<h2 id="예제">예제</h2>

<pre class="brush: html">&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;문서 제목&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;p&gt;문단입니다&lt;/p&gt;
  &lt;/body&gt;
&lt;/html&gt;
</pre>

<h2 id="Specifications" name="Specifications">명세</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'sections.html#the-body-element', '&lt;body&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>Changed the list of non-conforming features.</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'sections.html#the-body-element', '&lt;body&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>Obsoleted the formerly deprecated attributes. Defined the behavior of the non-conforming and never standardized <code>margintop</code>, <code>marginleft</code>, <code>marginright</code> and <code>marginbottom</code>. Added the <code>on*</code> attributes.</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.5.1', '&lt;body&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td>Deprecated the <code>alink</code>, <code>background</code>, <code>bgcolor</code>, <code>link</code>, <code>text</code> and <code>vlink</code> attributes.</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">브라우저 호환성</h2>

<p>{{Compat("html.elements.body")}}</p>

<h2 id="See_also" name="See_also">같이 보기</h2>

<ul>
 <li>{{HTMLElement("html")}}</li>
 <li>{{HTMLElement("head")}}</li>
</ul>