files/ca/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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229

---
title: <body>
slug: Web/HTML/Element/body
tags:
  - Element
  - HTML
  - Referencia
  - Sections
  - Web
translation_of: Web/HTML/Element/body
---
<p>{{HTMLRef}}</p>

<p>L'element <strong>HTML <code>&lt;body&gt;</code> </strong>representa el contingut de un document HTML. Solament pot haver-hi un element <code>&lt;body&gt;</code> en un document.</p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
   <td><a href="/en-US/docs/Web/HTML/Sections_and_Outlines_of_an_HTML5_document#Sectioning_roots">Seccionament arrel</a>.</td>
  </tr>
  <tr>
   <th scope="row">Contingut permès</th>
   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut de Flux</a>.</td>
  </tr>
  <tr>
   <th scope="row">Omissió de l'etiqueta</th>
   <td>
    <p>L'etiqueta d'inici es pot ometre si el primer concepte no és un caràcter espai,  comentari, element {{HTMLElement("script")}} o element {{HTMLElement("style")}}. L'etiqueta final es pot ometre si l'element body té continguts o té una etiqueta d'inici, i no és seguit per un comentari.</p>
   </td>
  </tr>
  <tr>
   <th scope="row">Elements pares permesos</th>
   <td><span class="short_text" id="result_box" lang="ca"><span>Ha de ser</span> <span>el segon</span> <span>element</span> <span>d'un element</span></span> {{HTMLElement("html")}}.</td>
  </tr>
  <tr>
   <th scope="row">Interfície DOM</th>
   <td>{{domxref("HTMLBodyElement")}}
    <ul>
     <li>T'element <code>&lt;body&gt;</code> exposa la interfície {{domxref("HTMLBodyElement")}}.</li>
     <li><span id="result_box" lang="ca"><span class="alt-edited">Es pot accedir a l'element body a través de l'atribut</span></span> {{domxref("document.body")}}.</li>
    </ul>
   </td>
  </tr>
 </tbody>
</table>

<h2 id="Atributs">Atributs</h2>

<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>

<dl>
 <dt>{{htmlattrdef("alink")}} {{obsolete_inline}}</dt>
 <dd>Color del text dels hipervínculos quan se selecciona. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("color")}} en conjunció amb la pseudo-classe {{cssxref(":active")}}.</em></dd>
 <dt>{{htmlattrdef("background")}} {{obsolete_inline}}</dt>
 <dd>URI d'una imatge per utilitzar com a fons. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS background en l'element.</em></dd>
 <dt>{{htmlattrdef("bgcolor")}} {{obsolete_inline}}</dt>
 <dd>Color de fons del document. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("background-color")}} en l'element.</em></dd>
 <dt>{{htmlattrdef("bottommargin")}} {{obsolete_inline}}</dt>
 <dd>El marge de la part inferior del cos del document.  <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("margin-bottom")}} en l'element.</em></dd>
 <dt>{{htmlattrdef("leftmargin")}} {{obsolete_inline}}</dt>
 <dd>El marge de l'esquerra del cos del document.  <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("margin-left")}} en l'element.</em></dd>
 <dt>{{htmlattrdef("link")}} {{obsolete_inline}}</dt>
 <dd>El color del text per als enllaços d'hipertext no visitats.  <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("color")}} juntament amb la pseudo-classe la: {{cssxref(":link")}}.</em></dd>
 <dt>{{htmlattrdef("onafterprint")}}</dt>
 <dd><span id="result_box" lang="ca"><span>Funció</span> <span>a cridar</span> <span>després que</span> <span>l'usuari ha</span> <span>imprès el</span> <span>document.</span></span></dd>
 <dt>{{htmlattrdef("onbeforeprint")}}</dt>
 <dd><span id="result_box" lang="ca"><span>Funció</span> <span>a cridar</span> <span>quan l'usuari</span> <span>sol·licita</span> <span>la impressió del</span> <span>document.</span></span></dd>
 <dt>{{htmlattrdef("onbeforeunload")}}</dt>
 <dd><span id="result_box" lang="ca"><span>Funció</span> <span>a cridar</span> <span>quan</span> <span>el document</span> <span>està</span> <span>a punt de ser</span> <span>descarregat.</span></span></dd>
 <dt>{{htmlattrdef("onblur")}}</dt>
 <dd>Funció a cridar quan el document <span id="result_box" lang="ca"><span class="alt-edited">perd el focus.</span></span></dd>
 <dt>{{htmlattrdef("onerror")}}</dt>
 <dd><span id="result_box" lang="ca"><span class="alt-edited">Funció a cridar quan el document no es carrega correctament.</span></span></dd>
 <dt>{{htmlattrdef("onfocus")}}</dt>
 <dd><span id="result_box" lang="ca"><span class="alt-edited">Funció a cridar quan el document rep el focus.</span></span></dd>
 <dt>{{htmlattrdef("onhashchange")}}</dt>
 <dd>Funció a cridar quan part del identificador del fragment (a partir del caràcter comodí ("#") ) de la direcció actual del document ha canviat.</dd>
 <dt>{{htmlattrdef("onlanguagechange")}} {{experimental_inline}}</dt>
 <dd>Funció a cridar quan els idiomes preferits han canviat.</dd>
 <dt>{{htmlattrdef("onload")}}</dt>
 <dd>Funció a cridar quan el document hagi acabat de carregar.</dd>
 <dt>{{htmlattrdef("onmessage")}}</dt>
 <dd>Funció a cridar quan el document ha rebut un missatge.</dd>
 <dt>{{htmlattrdef("onoffline")}}</dt>
 <dd>Funció a cridar quan la comunicació de xarxa ha fallat.</dd>
 <dt>{{htmlattrdef("ononline")}}</dt>
 <dd>Funció a cridar quan la comunicació de xarxa s'ha restaurat.</dd>
 <dt>{{htmlattrdef("onpopstate")}}</dt>
 <dd>Funció a cridar quan l'usuari ha navegat per el historial de la sessió.</dd>
 <dt>{{htmlattrdef("onredo")}}</dt>
 <dd><span id="result_box" lang="ca"><span>Funció</span> <span>a cridar</span> <span>quan</span> <span>l'usuari s'ha</span> <span>mogut</span> <span>cap</span> <span>endavant en</span> <span>l'historial</span> <span>de transaccions de</span> <span>desfer</span></span>.</dd>
 <dt>{{htmlattrdef("onresize")}}</dt>
 <dd>Funció a cridar quan el document ha estat redimensionat.</dd>
 <dt>{{htmlattrdef("onstorage")}}</dt>
 <dd><span id="result_box" lang="ca"><span>Funció</span> <span>a cridar</span> <span>quan l'àrea</span> <span>d'emmagatzematge</span> <span>ha canviat.</span></span></dd>
 <dt>{{htmlattrdef("onundo")}}</dt>
 <dd><span id="result_box" lang="ca"><span>Funció</span> <span>a cridar</span> <span>quan</span> <span>l'usuari s'ha</span> <span>mogut</span> <span>cap enrere en</span> <span>l'historial</span> <span>de transaccions</span> <span>de desfer.</span></span></dd>
 <dt>{{htmlattrdef("onunload")}}</dt>
 <dd>Funció a cridar quan el document vagi a desaparèixer.</dd>
 <dt>{{htmlattrdef("rightmargin")}} {{obsolete_inline}}</dt>
 <dd>El marge de la dreta del cos del document. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("margin-right")}} en l'element.</em></dd>
 <dt>{{htmlattrdef("text")}} {{obsolete_inline}}</dt>
 <dd>Color de primer pla del text. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("color")}} en l'element.</em></dd>
 <dt>{{htmlattrdef("topmargin")}} {{obsolete_inline}}</dt>
 <dd>El marge de la part superior del cos del document. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("margin-top")}} en l'element.</em></dd>
 <dt>{{htmlattrdef("vlink")}} {{obsolete_inline}}</dt>
 <dd>Color del text per als enllaços d'hipertext visitats. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("color")}} en conjunció amb la pseudo-classe {{cssxref(":visited")}}.</em></dd>
</dl>

<h2 id="Especificacions">Especificacions</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Especificació</th>
   <th scope="col">Estat</th>
   <th scope="col">Comentari</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'sections.html#the-body-element', '&lt;body&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td><span id="result_box" lang="ca"><span>S'ha</span> <span>canviat</span> <span>la llista</span> <span>de característiques no</span> <span>conformes.</span></span></td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'sections.html#the-body-element', '&lt;body&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>Obsolets els atributs anteriorment en desús. Defineix el comportament dels no conformes i no estandarditzats <code>margintop</code>, <code>marginleft</code>, <code>marginright</code> i <code>marginbottom</code>. S'ha afegit en els atributs el *.</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.5.1', '&lt;body&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td>Desaprovats els atributs <code>alink</code>, <code>background</code>, <code>bgcolor</code>, <code>link</code>, <code>text</code> i <code>vlink</code>.</td>
  </tr>
 </tbody>
</table>

<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari (WebKit)</th>
  </tr>
  <tr>
   <td>Suport bàsic</td>
   <td>1.0</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td><code>onlanguagechange</code></td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoDesktop("32")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>bottommargin</code>, <code>leftmargin</code>, <code>rightmargin</code>, <code>topmargin</code> {{obsolete_inline}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("35")}} [1]</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Phone</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Suport bàsic</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td><code>onlanguagechange</code></td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoMobile("32")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>bottommargin</code>, <code>leftmargin</code>, <code>rightmargin</code>, <code>topmargin</code> {{obsolete_inline}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoMobile("35")}} [1]</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<p>[1] Abans només comptava amb el suport en Quirk Mode.</p>

<h2 id="Veure">Veure</h2>

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