diff options
Diffstat (limited to 'files/es/web/html/element/body/index.html')
| -rw-r--r-- | files/es/web/html/element/body/index.html | 170 |
1 files changed, 170 insertions, 0 deletions
diff --git a/files/es/web/html/element/body/index.html b/files/es/web/html/element/body/index.html new file mode 100644 index 0000000000..32b0a64328 --- /dev/null +++ b/files/es/web/html/element/body/index.html @@ -0,0 +1,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><body></code> de HTML</strong> representa el contenido de un documento HTML. Solo puede haber un elemento <code><body></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><body></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><body></code> expone la interfaz {{DOMxRef("HTMLBodyElement")}}.</li> + <li>Puedes acceder al elemento <code><body></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><body></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><body></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><body></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><body></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"><html> + <head> + <title>Título del documento</title> + </head> + <body> + <p>Este es un párrafo</p> + </body> +</html> +</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', '<body>')}}</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', '<body>')}}</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', '<body>')}}</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> |