From 1109132f09d75da9a28b649c7677bb6ce07c40c0 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:45 -0500 Subject: initial commit --- files/es/web/html/elemento/main/index.html | 151 +++++++++++++++++++++++++++++ 1 file changed, 151 insertions(+) create mode 100644 files/es/web/html/elemento/main/index.html (limited to 'files/es/web/html/elemento/main/index.html') diff --git a/files/es/web/html/elemento/main/index.html b/files/es/web/html/elemento/main/index.html new file mode 100644 index 0000000000..fd3fd6c917 --- /dev/null +++ b/files/es/web/html/elemento/main/index.html @@ -0,0 +1,151 @@ +--- +title:
+slug: Web/HTML/Elemento/main +translation_of: Web/HTML/Element/main +--- +

Resumen

+ +

El elemento HTML <main> representa el contenido principal del {{HTMLElement("body")}} de un documento o aplicación. El área principal del contenido consiste en el contenido que está directamente relacionado, o se expande sobre el tema central de un documento o la funcionalidad central de una aplicación. Este contenido debe ser único al documento, excluyendo cualquier contenido que se repita a través de un conjunto de documentos como barras laterales, enlaces de navegación, información de derechos de autor, logos del sitio y formularios de búsqueda (a menos, claro, que la función principal del documento sea un formulario de búsqueda).

+ +
+

Nota: no debe haber más de un elemento <main> en un documento, y este no debe ser descendiente de un elemento  {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("footer")}}, {{HTMLElement("header")}}, o {{HTMLElement("nav")}}.

+
+ + + +

Atributos

+ +

Este elemento solo incluye  atributos globales.

+ +

Ejemplo

+ +
<!-- other content -->
+
+<main>
+  <h1>Apples</h1>
+  <p>The apple is the pomaceous fruit of the apple tree.</p>
+
+  <article>
+    <h2>Red Delicious</h2>
+    <p>These bright red apples are the most common found in many
+    supermarkets.</p>
+    <p>... </p>
+    <p>... </p>
+  </article>
+
+  <article>
+    <h2>Granny Smith</h2>
+    <p>These juicy, green apples make a great filling for
+    apple pies.</p>
+    <p>... </p>
+    <p>... </p>
+  </article>
+
+</main>
+
+<!-- other content -->
+ +

Sobre Accesibilidad

+ +

Algunos lectores de pantalla reconocen la etiqueta main y proveen un atajo para que el usuario pueda saltar directamente al contenido de esta etiqueta sin tener que pasar por el resto.

+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstadoComentario
{{SpecName('HTML WHATWG', '#the-main-element', '<main>')}}{{Spec2('HTML WHATWG')}}Eliminada la restricción acerca de usar  <main> como un descendente del elemento {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("footer")}}, {{HTMLElement("header")}}, o {{HTMLElement("nav")}}.
{{SpecName('HTML5.1', 'grouping-content.html#the-main-element', '<main>')}}{{Spec2('HTML5.1')}}Sin cambios desde {{SpecName('HTML5 W3C')}}
{{SpecName('HTML5 W3C', 'grouping-content.html#the-main-element', '<main>')}}{{Spec2('HTML5 W3C')}}Definición inicial.
+ +

Compatibilidad entre navegadores

+ +

Como una caracterisca nueva propuesta para HTML, el elemento <main> no está todavía ampliamente soportado. Es sumamente recomendable añadir el rol ARIA "main" a cualquier elemento <main>:

+ +
<main role="main">
+  ...
+</main>
+
+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
+

Característica

+ 		ChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Soporte básicoChrome 26{{ CompatGeckoDesktop("21.0") }}{{CompatNo()}}{{CompatNo()}}{{CompatNo()}} but in tests builds since WebKit r140374
+
+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Soporte básico{{CompatNo()}}{{ CompatGeckoMobile("21.0") }}{{CompatNo()}}{{CompatNo()}}{{CompatNo()}}
+
+ +

Ver también

+ + -- cgit v1.2.3-54-g00ecf