files/es/web/html/elemento/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

---
title: '<body>: El elemento body del documento'
slug: Web/HTML/Elemento/body
tags:
  - Elemento
  - HTML
  - Referencia
  - Seleccionar el elemento raíz
  - Web
  - secciones
translation_of: Web/HTML/Element/body
---
<div>{{HTMLRef}}</div>

<p><span class="seoSummary">El <strong>elemento <code>&lt;body&gt;</code> de HTML</strong> representa el contenido de un documento HTML. Solo puede haber un elemento <code>&lt;body&gt;</code> en un documento.</span></p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row">{{web.link("/es/docs/Web/HTML/Content_categories", "Categorías de contenido")}}</th>
   <td>{{web.link("/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines#Section_Elements_in_HTML5", "Secciones en HTML5")}}</td>
  </tr>
  <tr>
   <th scope="row">Contenido permitido</th>
   <td>{{web.link("/es/docs/Web/HTML/Content_categories#Flow_content", "Flujo de contenido")}}.</td>
  </tr>
  <tr>
   <th scope="row">Omisión de etiqueta</th>
   <td>La etiqueta de inicio se puede omitir si lo primero que hay dentro no es un carácter de espacio, comentario, elemento {{HTMLElement("script")}} o elemento {{HTMLElement("style")}}. La etiqueta final se puede omitir si el elemento <code>&lt;body&gt;</code> tiene contenido o tiene una etiqueta de inicio y no va seguido inmediatamente de un comentario.</td>
  </tr>
  <tr>
   <th scope="row">Contenedores autorizados</th>
   <td>Debe ser el segundo elemento de un elemento {{HTMLElement("html")}}.</td>
  </tr>
  <tr>
   <th scope="row">Rol de ARIA implícito</th>
   <td>{{web.link("/es/docs/Web/Accessibility/ARIA/Roles/Document_Role", "document")}}</td>
  </tr>
  <tr>
   <th scope="row">Roles ARIA permitidos</th>
   <td>No se permite <code>role</code></td>
  </tr>
  <tr>
   <th scope="row">Interfaz DOM</th>
   <td>{{DOMxRef("HTMLBodyElement")}}
    <ul>
     <li>El elemento <code>&lt;body&gt;</code> expone la interfaz {{DOMxRef("HTMLBodyElement")}}.</li>
     <li>Puedes acceder al elemento <code>&lt;body&gt;</code> a través de la propiedad {{DOMxRef("document.body")}}.</li>
    </ul>
   </td>
  </tr>
 </tbody>
</table>

<h2 id="Atributos">Atributos</h2>

<p>Este elemento incluye los {{web.link("/es/docs/Web/HTML/Global_attributes", "atributos globales")}}.</p>

<dl>
 <dt>{{HTMLAttrDef("alink")}} {{obsolete_inline}}</dt>
 <dd>Color del texto de los hipervínculos cuando se selecciona. <em>Este método no es conforme a la especificación, utiliza la propiedad {{CSSxRef("color")}} de CSS junto con la pseudoclase {{CSSxRef(":active")}} en su lugar. </em></dd>
 <dt>{{HTMLAttrDef("background")}} {{obsolete_inline}}</dt>
 <dd>URI de una imagen para usar como fondo. <em>Este método no es conforme, usa la propiedad CSS {{CSSxRef("background")}} en el elemento</em>.</dd>
 <dt>{{HTMLAttrDef("bgcolor")}} {{obsolete_inline}}</dt>
 <dd>Color de fondo del documento. <em>Este método no es conforme, utiliza la propiedad CSS {{CSSxRef("background-color")}} en el elemento</em>.</dd>
 <dt>{{HTMLAttrDef("bottommargin")}} {{obsolete_inline}}</dt>
 <dd>El margen de la parte inferior del <em>&lt;body&gt;</em>. <em>Este método no es conforme, usa la propiedad CSS {{CSSxRef("margin-bottom")}} en el elemento</em>.</dd>
 <dt>{{HTMLAttrDef("leftmargin")}} {{obsolete_inline}}</dt>
 <dd>El margen de la izquierda del <em>&lt;body&gt;</em>. <em>Este método no es conforme, usa la propiedad CSS {{CSSxRef("margin-left")}} en el elemento en su lugar</em>.</dd>
 <dt>{{HTMLAttrDef("link")}} {{obsolete_inline}}</dt>
 <dd>Color del texto de los enlaces de hipertexto no visitados. <em>Este método no es conforme, usa la propiedad {{CSSxRef("color")}} de CSS junto con la pseudoclase {{CSSxRef(":link")}} en su lugar</em>.</dd>
 <dt>{{HTMLAttrDef("onafterprint")}}</dt>
 <dd>Función para llamar después de que el usuario haya impreso el documento.</dd>
 <dt>{{HTMLAttrDef("onbeforeprint")}}</dt>
 <dd>Función para llamar cuando el usuario solicita la impresión del documento.</dd>
 <dt>{{HTMLAttrDef("onbeforeunload")}}</dt>
 <dd>Función para llamar cuando se está a punto de descargar el documento.</dd>
 <dt>{{HTMLAttrDef("onblur")}}</dt>
 <dd>Función para llamar cuando el documento pierde el foco.</dd>
 <dt>{{HTMLAttrDef("onerror")}}</dt>
 <dd>Función para llamar cuando el documento no se carga correctamente.</dd>
 <dt>{{HTMLAttrDef("onfocus")}}</dt>
 <dd>Función para llamar cuando el documento recibe el foco.</dd>
 <dt>{{HTMLAttrDef("onhashchange")}}</dt>
 <dd>Función para llamar cuando la parte del identificador del fragmento (comenzando con el carácter de almohadilla (<code>'#'</code> también conocido como numeral)) de la dirección actual del documento ha cambiado.</dd>
 <dt>{{HTMLAttrDef("onlanguagechange")}} {{experimental_inline}}</dt>
 <dd>Función para llamar cuando cambiaron los idiomas preferidos.</dd>
 <dt>{{HTMLAttrDef("onload")}}</dt>
 <dd>Función a llamar cuando se haya terminado de cargar el documento.</dd>
 <dt>{{HTMLAttrDef("onmessage")}}</dt>
 <dd>Función para llamar cuando el documento ha recibido un mensaje.</dd>
 <dt>{{HTMLAttrDef("onoffline")}}</dt>
 <dd>Función para llamar cuando falla la comunicación de la red.</dd>
 <dt>{{HTMLAttrDef("ononline")}}</dt>
 <dd>Función para llamar cuando se restablece la comunicación de la red.</dd>
 <dt>{{HTMLAttrDef("onpopstate")}}</dt>
 <dd>Función para llamar cuando el usuario ha navegado el historial de sesiones.</dd>
 <dt>{{HTMLAttrDef("onredo")}}</dt>
 <dd>Función para llamar cuando el usuario ha avanzado en el historial de deshacer transacciones.</dd>
 <dt>{{HTMLAttrDef("onresize")}}</dt>
 <dd>Función para llamar cuando el documento ha cambiado de tamaño.</dd>
 <dt>{{HTMLAttrDef("onstorage")}}</dt>
 <dd>Función para llamar cuando el área de almacenamiento ha cambiado.</dd>
 <dt>{{HTMLAttrDef("onundo")}}</dt>
 <dd>Función para llamar cuando el usuario ha retrocedido en el historial de deshacer transacciones.</dd>
 <dt>{{HTMLAttrDef("onunload")}}</dt>
 <dd>Función para llamar cuando el documento se vaya.</dd>
 <dt>{{HTMLAttrDef("rightmargin")}} {{obsolete_inline}}</dt>
 <dd>El margen de la derecha del <em>&lt;body&gt;</em>. <em>Este método no es conforme, usa la propiedad CSS {{CSSxRef("margin-right")}} en el elemento</em>.</dd>
 <dt>{{HTMLAttrDef("text")}} {{obsolete_inline}}</dt>
 <dd>Color de primer plano del texto. <em>Este método no es conforme, usa la propiedad CSS {{CSSxRef("color")}} en el elemento</em>.</dd>
 <dt>{{HTMLAttrDef("topmargin")}} {{obsolete_inline}}</dt>
 <dd>El margen de la parte superior del <em>&lt;body&gt;</em>. <em>Este método no es conforme, usa la propiedad CSS {{CSSxRef("margin-top")}} en el elemento</em>.</dd>
 <dt>{{HTMLAttrDef("vlink")}} {{obsolete_inline}}</dt>
 <dd>Color del texto de los enlaces de hipertexto visitados. <em>Este método no es conforme, utiliza la propiedad {{CSSxRef("color")}} de CSS junto con la pseudoclase {{CSSxRef(":visited")}} en su lugar</em>.</dd>
</dl>

<h2 id="Ejemplo">Ejemplo</h2>

<pre class="brush: html notranslate">&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Título del documento&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;p&gt;Este es un párrafo&lt;/p&gt;
  &lt;/body&gt;
&lt;/html&gt;
</pre>

<h2 id="Especificaciones">Especificaciones</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Especificación</th>
   <th scope="col">Estado</th>
   <th scope="col">Comentario</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-body-element', '&lt;body&gt;')}}</td>
   <td>{{ Spec2('HTML WHATWG') }}</td>
   <td>Cambió la lista de características no conformes.</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'sections.html#the-body-element', '&lt;body&gt;')}}</td>
   <td>{{ Spec2('HTML5 W3C') }}</td>
   <td>Los atributos anteriormente obsoletos. Definieron el comportamiento de <code>topmargin</code>, <code>leftmargin</code>, <code>rightmargin</code> y <code>bottommargin</code> no conforme y nunca estandarizado. Se agregaron los atributos <code>on*</code>.</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.5.1', '&lt;body&gt;')}}</td>
   <td>{{ Spec2('HTML4.01') }}</td>
   <td>En desuso el <code>alink</code>, <code>background</code>, <code>bgcolor</code>, <code>link</code>, <code>text</code> y atributos <code>vlink</code>.</td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilidad_del_navegador">Compatibilidad del navegador</h2>

<div class="hidden">La tabla de compatibilidad de esta página se genera a partir de datos estructurados. Si deseas contribuir con los datos, consulta <a href="https://github.com/mdn/browser-compat-data"> https://github.com/mdn/browser-compat- datos </a> y envíanos una solicitud de extracción.</div>

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

<h2 id="Ve_también">Ve también</h2>

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