diff --git a/files/es/web/html/attributes/index.html b/files/es/web/html/attributes/index.html
deleted file mode 100644
index df5481aabb3c50..00000000000000
--- a/files/es/web/html/attributes/index.html
+++ /dev/null
@@ -1,678 +0,0 @@
----
-title: Referencia de Atributos HTML
-slug: Web/HTML/Attributes
-tags:
- - HTML
- - Referencia
- - Web
- - atributo
-translation_of: Web/HTML/Attributes
-original_slug: Web/HTML/Atributos
----
-
Los elementos en HTML tienen atributos; estos son valores adicionales que configuran los elementos o ajustan su comportamiento de diversas formas para cumplir los criterios de los usuarios.
Usualmente empleado con CSS para aplicar estilos a elementos con propiedades en comun.
-
-
-
code
-
{{ HTMLElement("applet") }}
-
Especifica la URL del archivo de tipo applet a ser cargado y ejecutado.
-
-
-
codebase
-
{{ HTMLElement("applet") }}
-
Este atributo contiene la URL absoluta o relativa del directorio donde los archivos de applets (.class) referenciados en el codigo se encuentran almacenados.
Especifica la altura de los elementos enumerados aquí. Para todos los demás elementos, usa la propiedad CSS {{cssxref("height")}} en su lugar.
-
-
-
Nota: En algunos casos, como los {{ HTMLElement("div") }}, este es un atributo de referencia, en donde debes usar la propiedad CSS {{ Cssxref("height") }} en su lugar.
Indica si el recurso o partes del mismo deben ser precargadas.
-
-
-
pubdate
-
{{ HTMLElement("time") }}
-
Indica si esta fecha y tiempo concuerda con la fecha y tiempo del {{ HTMLElement("article") }} mas cercano (ancestro).
-
-
-
radiogroup
-
{{ HTMLElement("command") }}
-
-
Indica los nombres de los comandos de tipo radio, que seran alternados si el comando en si es alternado. Este atributo debe ser omitido si el tipo de comando no es radio.
-
-
-
Note: El elemento {{ HTMLElement("command") }} es obsoleto y no se recomienda su uso.
Indica si se requiere rellenar o no este elemento.
-
-
-
reversed
-
{{ HTMLElement("ol") }}
-
Indica si la lista debe ser mostrada en orden descendente en vez de ascendente.
-
-
-
rows
-
{{ HTMLElement("textarea") }}
-
Define el número de filas en un área de texto.
-
-
-
rowspan
-
{{ HTMLElement("td") }}, {{ HTMLElement("th") }}
-
Define el número de filas que una celda de una tabla debe abarcar.
-
-
-
sandbox
-
{{ HTMLElement("iframe") }}
-
Lista de restricciones a ser desactivadas en el iframe.
-
-
-
scope
-
{{ HTMLElement("th") }}
-
Define las celdas que la cabecera definió en este elemento.
-
-
-
scoped
-
{{ HTMLElement("style") }}
-
Indica si el estilo será aplicado sólo al elemento inmediato superior (padre). de no ser definido, el estilo se aplicara de forma global.
-
-
-
seamless
-
{{ HTMLElement("iframe") }}
-
Indica si el iframe debe ser cargado como parte del mismo documento.
-
-
-
selected
-
{{ HTMLElement("option") }}
-
Define un valor que será seleccionado al cargar la página.
-
-
-
shape
-
{{ HTMLElement("a") }}, {{ HTMLElement("area") }}
-
Define una región seleccionable para hacer hipervínculos asociados con una forma asociada a una figura para crear un mapa. Los valores para este atributo son: circle, defaul, plygon y rect.
Valores especiales: "_blank" indica una nueva ventana, "_parent" indica el marco padre del marco que contiene el código fuente, "_self" indica el marco donde está el código fuente y "_top" indica la ventana completa del navegador.
Para los elementos enumerados aquí, esto establece el ancho del elemento.
-
-
-
Nota: En algunos casos, como los {{ HTMLElement("div") }}, este es un atributo de referencia, en donde debes usar la propiedad CSS {{ Cssxref("height") }} en su lugar.
-
-
-
-
-
wrap
-
{{ HTMLElement("textarea") }}
-
Indica la forma en la cual el texto debe ser envuelto.
-
-
-
-
-
Contenido versus atributos IDL
-
-
En HTML, la mayoria de los atributos tiene dos caras: el atributo de contenido y el atributo IDL
-
-
El atributo de contenido es aquel que se define desde el contenido (Codigo HTML) y puedes definirlo u obtenerlo con {{domxref("element.setAttribute()")}} o {{domxref("element.getAttribute()")}}. El atributo de contenido es siempre un string incluso cuando el valor esperado en un integer. Por ejemplo, para definir el maxlength de un {{HTMLElement("input")}} a 42 usando el atributo de contenido, se debe llamar a setAttribute("maxlength", "42") en ese elemento.
-
-
El atributo IDL, tambien conocido como propiedad JavaScript. Estos son atributos que se pueden leer o definir usando JavaScript como element.foo.. El atributo IDL siempre va a usar (pero puede transformarse) en el atributo de contenido subyacente para retornar un valor cuando lo obtiene y lo guarda en el atributo de contenido cuando es definido. En otras palabras el atributo IDL, en esencia, refleja los atributos de contenido.
-
-
La mayoria del tiempo, los atributos IDL pueden retornar sus valores como realmente son usados. Por ejemplo, el type por defecto para los elementos {{HTMLElement("input")}} es "texto", entonces si defines input.type="foobar", el elemento <input> sera de tipo texto (en apariencia y comportamiento) pero el valor del Atributo de contenido "type" sera "foobat". De cualquier manera, el type del atributo IDL retornara el string "text".
-
-
Los atributos IDL no son siempre strings; por ejemplo, input.maxlength es un numero (marcado como long). Cuando se usan atributos IDL, lees o defines valores del tipo deseado, entonces input.maxlength siempre retornara un numero y cuando definas input,maxlength, esperara un numero. Si se le entrega otro tipo, se convierte antomaticamente a numero como se especifica en las reglas del estandar de JavaScript para conversiones de tipo.
-
-
Los atributos IDL pueden reflejar otros tipos como un long sin asignacion, URL's, booleanos, etc. Desafortunadamente no hay reglas claras y el comportamiento que los atributos IDL en conjunto con sus respectivos atributos de contenido depende del mismo atributo. La mayoria del tiempo, siguen las reglas de diseño en la especificacion, pero algunas veces no lo hacen. Las especificaciones HTML tratan de ser lo mas amigables para el dasarrollador como es posible, pero por varias razones (mayormente historicas), algunos aributos se comportan de forma extraña (select.size, por ejemplo) y debes leer las especificaciones para comprender como éste se comporta exactamente.
diff --git a/files/es/web/html/attributes/index.md b/files/es/web/html/attributes/index.md
new file mode 100644
index 00000000000000..e45f940b9b5464
--- /dev/null
+++ b/files/es/web/html/attributes/index.md
@@ -0,0 +1,665 @@
+---
+title: Referencia de Atributos HTML
+slug: Web/HTML/Attributes
+tags:
+ - HTML
+ - Referencia
+ - Web
+ - atributo
+translation_of: Web/HTML/Attributes
+original_slug: Web/HTML/Atributos
+---
+Los elementos en HTML tienen **atributos**; estos son valores adicionales que configuran los elementos o ajustan su comportamiento de diversas formas para cumplir los criterios de los usuarios.
+
+## Lista de Atributos
+
+
Usualmente empleado con CSS para aplicar estilos a elementos con propiedades en comun.
+
+
+
code
+
{{ HTMLElement("applet") }}
+
Especifica la URL del archivo de tipo applet a ser cargado y ejecutado.
+
+
+
codebase
+
{{ HTMLElement("applet") }}
+
Este atributo contiene la URL absoluta o relativa del directorio donde los archivos de applets (.class) referenciados en el codigo se encuentran almacenados.
Especifica la altura de los elementos enumerados aquí. Para todos los demás elementos, usa la propiedad CSS {{cssxref("height")}} en su lugar.
+
+
Nota: En algunos casos, como los {{ HTMLElement("div") }}, este es un atributo de referencia, en donde debes usar la propiedad CSS {{ Cssxref("height") }} en su lugar.
Indica si el recurso o partes del mismo deben ser precargadas.
+
+
+
pubdate
+
{{ HTMLElement("time") }}
+
Indica si esta fecha y tiempo concuerda con la fecha y tiempo del {{ HTMLElement("article") }} mas cercano (ancestro).
+
+
+
radiogroup
+
{{ HTMLElement("command") }}
+
+
Indica los nombres de los comandos de tipo radio, que seran alternados si el comando en si es alternado. Este atributo debe ser omitido si el tipo de comando no es radio.
+
+
Note: El elemento {{ HTMLElement("command") }} es obsoleto y no se recomienda su uso.
Indica si se requiere rellenar o no este elemento.
+
+
+
reversed
+
{{ HTMLElement("ol") }}
+
Indica si la lista debe ser mostrada en orden descendente en vez de ascendente.
+
+
+
rows
+
{{ HTMLElement("textarea") }}
+
Define el número de filas en un área de texto.
+
+
+
rowspan
+
{{ HTMLElement("td") }}, {{ HTMLElement("th") }}
+
Define el número de filas que una celda de una tabla debe abarcar.
+
+
+
sandbox
+
{{ HTMLElement("iframe") }}
+
Lista de restricciones a ser desactivadas en el iframe.
+
+
+
scope
+
{{ HTMLElement("th") }}
+
Define las celdas que la cabecera definió en este elemento.
+
+
+
scoped
+
{{ HTMLElement("style") }}
+
Indica si el estilo será aplicado sólo al elemento inmediato superior (padre). de no ser definido, el estilo se aplicara de forma global.
+
+
+
seamless
+
{{ HTMLElement("iframe") }}
+
Indica si el iframe debe ser cargado como parte del mismo documento.
+
+
+
selected
+
{{ HTMLElement("option") }}
+
Define un valor que será seleccionado al cargar la página.
+
+
+
shape
+
{{ HTMLElement("a") }}, {{ HTMLElement("area") }}
+
Define una región seleccionable para hacer hipervínculos asociados con una forma asociada a una figura para crear un mapa. Los valores para este atributo son: circle, defaul, plygon y rect.
Valores especiales: "_blank" indica una nueva ventana, "_parent" indica el marco padre del marco que contiene el código fuente, "_self" indica el marco donde está el código fuente y "_top" indica la ventana completa del navegador.
Para los elementos enumerados aquí, esto establece el ancho del elemento.
+
+
Nota: En algunos casos, como los {{ HTMLElement("div") }}, este es un atributo de referencia, en donde debes usar la propiedad CSS {{ Cssxref("height") }} en su lugar.
+
+
+
+
+
wrap
+
{{ HTMLElement("textarea") }}
+
Indica la forma en la cual el texto debe ser envuelto.
+
+
+
+
+## Contenido versus atributos IDL
+
+En HTML, la mayoria de los atributos tiene dos caras: el **atributo de contenido** y el **atributo IDL**
+
+El atributo de contenido es aquel que se define desde el contenido (Codigo HTML) y puedes definirlo u obtenerlo con {{domxref("element.setAttribute()")}} o {{domxref("element.getAttribute()")}}. El atributo de contenido es siempre un string incluso cuando el valor esperado en un integer. Por ejemplo, para definir el maxlength de un {{HTMLElement("input")}} a 42 usando el atributo de contenido, se debe llamar a `setAttribute("maxlength", "42")` en ese elemento.
+
+El atributo IDL, tambien conocido como propiedad JavaScript. Estos son atributos que se pueden leer o definir usando JavaScript como `element.foo.`. El atributo IDL siempre va a usar (pero puede transformarse) en el atributo de contenido subyacente para retornar un valor cuando lo obtiene y lo guarda en el atributo de contenido cuando es definido. En otras palabras el atributo IDL, en esencia, refleja los atributos de contenido.
+
+La mayoria del tiempo, los atributos IDL pueden retornar sus valores como realmente son usados. Por ejemplo, el `type` por defecto para los elementos {{HTMLElement("input")}} es "texto", entonces si defines `input.type="foobar"`, el elemento `` sera de tipo texto (en apariencia y comportamiento) pero el valor del Atributo de contenido "type" sera "foobat". De cualquier manera, el `type` del atributo IDL retornara el string "text".
+
+Los atributos IDL no son siempre strings; por ejemplo, `input.maxlength` es un numero (marcado como long). Cuando se usan atributos IDL, lees o defines valores del tipo deseado, entonces `input.maxlength` siempre retornara un numero y cuando definas `input,maxlength`, esperara un numero. Si se le entrega otro tipo, se convierte antomaticamente a numero como se especifica en las reglas del estandar de JavaScript para conversiones de tipo.
+
+Los atributos IDL pueden [reflejar otros tipos](http://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes) como un long sin asignacion, URL's, booleanos, etc. Desafortunadamente no hay reglas claras y el comportamiento que los atributos IDL en conjunto con sus respectivos atributos de contenido depende del mismo atributo. La mayoria del tiempo, siguen [las reglas de diseño en la especificacion](http://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes), pero algunas veces no lo hacen. Las especificaciones HTML tratan de ser lo mas amigables para el dasarrollador como es posible, pero por varias razones (mayormente historicas), algunos aributos se comportan de forma extraña (`select.size`, por ejemplo) y debes leer las especificaciones para comprender como éste se comporta exactamente.
+
+## Ver Tambien
+
+- [Elementos](/es/docs/Web/HTML/Elemento)
diff --git a/files/es/web/html/attributes/min/index.html b/files/es/web/html/attributes/min/index.html
deleted file mode 100644
index 8572adb6e0ffe3..00000000000000
--- a/files/es/web/html/attributes/min/index.html
+++ /dev/null
@@ -1,163 +0,0 @@
----
-title: 'HTML el atributo: min'
-slug: Web/HTML/Attributes/min
-tags:
- - Atributos
- - Restricción de validación
- - atributo
- - min
-translation_of: Web/HTML/Attributes/min
-original_slug: Web/HTML/Atributos/min
----
-
-
El atributo {{HTMLAttrxRef("min", "input")}} define el valor mínimo que es aceptable y válido para el {{HTMLElement("input")}} que contiene el atributo. Si el value del elemento es menor que esto, el elemento falla la restricción de validación. Este valor debe ser menor o igual que el valor del atributo {{HTMLAttrxRef("max", "input")}}. Si se especifica un valor para {{HTMLAttrxRef("min", "input")}} que no es un número válido, la entrada no tiene un valor mínimo.
-
-
Válido para los tipos de entrada numérica, incluidos los tipos {{HTMLElement("input/date", "date")}}, {{HTMLElement("input/month", "month")}}, {{HTMLElement("input/week", "week")}}, {{HTMLElement("input/time", "time")}}, {{HTMLElement("input/datetime-local", "datetime-local")}}, {{HTMLElement("input/number", "number")}} y {{HTMLElement("input/range", "range")}}, y el elemento {{htmlelement('meter')}}, el atributo {{HTMLAttrxRef("min", "input")}} es un número que especifica el valor mínimo de un control de formulario para ser considerado válido.
-
-
Sintaxis
-
-
-
Si any no se establece explícitamente, los valores válidos para el número, los tipos de entrada de fecha/hora y los tipos de entrada de range son iguales a la base de paso a paso: el valor {{HTMLAttrxRef("min", "input")}} y los incrementos del valor del paso, hasta el valor max, si se especifica. Por ejemplo, si tienes <input type="number" min="10" step="2">, cualquier entero par, 10 o mayor, es válido. Si se omite, <input type="number">, cualquier número entero es válido, pero los flotantes, como 4.2, no son válidos, ya que el step predeterminado es 1. Para que 4.2 sea válido, step se debería haber configurado en any, 0.1, 0.2, o cualquiera, el valor mínimo tendría que ser un número terminado en 0.2 , como <input type="number" min="-5.2">
-
-
-
Sintaxis para valores {{HTMLAttrxRef("min", "input")}} por <input type="" />
Nota: Cuando los datos ingresados por el usuario no se adhieren al valor mínimo establecido, el valor se considera inválido en la restricción de validación y coincidirá con la pseudoclase :invalid
-
-
-
-
Consulta Validación del lado del cliente y {{DOMxRef("ValidityState.rangeUnderflow", "rangeUnderflow")}} para más información.
-
-
Para el elemento {{HTMLElement('meter')}}, el atributo {{HTMLAttrxRef("min", "input")}} define el límite numérico inferior del rango medido. Debe ser menor que el valor mínimo (atributo max, si se especifica. En ambos casos, si se omite, el valor predeterminado es 1.
-
-
-
Sintaxis para valores {{HTMLAttrxRef("min", "input")}} para otros elementos
<meter id="fuel" min="0" max="100" low="33" high="66" optimum="80" value="40"> at 40/100</meter>
-
-
-
-
-
Impacto en step
-
-
Los valores de {{HTMLAttrxRef("min", "input")}} y step definen cuáles son los valores válidos, incluso si el atributo step no está incluido, como el step predeterminado de 0.
-
-
Agrega un gran borde rojo alrededor de los {{HTMLElement("input")}}s no válidos:
-
-
input:invalid {
- border: solid red 3px;
-}
-
-
Luego define un {{HTMLElement("input")}} con un valor mínimo de 7.2, omitiendo el atributo step, en donde el valor predeterminado es 1.
Dado que step tiene el valor predeterminado de 1, los valores válidos incluyen 7.2, 8.2, 9.2 y así sucesivamente. El valor 8 no es válido. Dado que incluye un valor no válido, los navegadores compatibles mostrarán el valor como no válido.
-
-
{{EmbedLiveSample("Impacto_en_step",200,55)}}
-
-
Si no se incluye explícitamente, step tiene como valor predeterminado 1 para número y range, y 1 tipo de unidad (segundo, semana, mes, día) para los {{HTMLElement("input")}}s de tipo fecha/hora.
Proporciona instrucciones para ayudar a los usuarios a comprender cómo completar el formulario y utilizar controles de formulario individuales. Indica cualquier entrada requerida y opcional, formatos de datos y otra información relevante. Cuando utilices el atributo {{HTMLAttrxRef("min", "input")}}, asegúrate de que el usuario comprenda este requisito mínimo. Posiblemente sea suficiente proporcionar instrucciones dentro de un {{HTMLElement('label')}}. Si proporcionas instrucciones fuera de las etiquetas, lo cual permite un posicionamiento y un diseño más flexibles, considera usar aria-labelledby o aria-describedby.
Los tipos {{HTMLElement("input/date", "date")}}, {{HTMLElement("input/month", "month")}}, {{HTMLElement("input/week", "week")}}, {{HTMLElement("input/time", "time")}}, {{HTMLElement("input/datetime-local", "datetime-local")}}, {{HTMLElement("input/number", "number")}}, {{HTMLElement("input/range", "range")}} y {{htmlelement('meter')}}
-
diff --git a/files/es/web/html/attributes/min/index.md b/files/es/web/html/attributes/min/index.md
new file mode 100644
index 00000000000000..da475da5cc2fd0
--- /dev/null
+++ b/files/es/web/html/attributes/min/index.md
@@ -0,0 +1,88 @@
+---
+title: 'HTML el atributo: min'
+slug: Web/HTML/Attributes/min
+tags:
+ - Atributos
+ - Restricción de validación
+ - atributo
+ - min
+translation_of: Web/HTML/Attributes/min
+original_slug: Web/HTML/Atributos/min
+---
+El atributo {{HTMLAttrxRef("min", "input")}} define el valor mínimo que es aceptable y válido para el {{HTMLElement("input")}} que contiene el atributo. Si el [value](/es/docs/Web/HTML/Element/input#attr-value) del elemento es menor que esto, el elemento falla la [restricción de validación](/es/docs/Web/Guide/HTML/HTML5/Constraint_validation). Este valor debe ser menor o igual que el valor del atributo {{HTMLAttrxRef("max", "input")}}. Si se especifica un valor para {{HTMLAttrxRef("min", "input")}} que no es un número válido, la entrada no tiene un valor mínimo.
+
+Válido para los tipos de entrada numérica, incluidos los tipos {{HTMLElement("input/date", "date")}}, {{HTMLElement("input/month", "month")}}, {{HTMLElement("input/week", "week")}}, {{HTMLElement("input/time", "time")}}, {{HTMLElement("input/datetime-local", "datetime-local")}}, {{HTMLElement("input/number", "number")}} y {{HTMLElement("input/range", "range")}}, y el elemento {{htmlelement('meter')}}, el atributo {{HTMLAttrxRef("min", "input")}} es un número que especifica el valor mínimo de un control de formulario para ser considerado válido.
+
+### Sintaxis
+
+Si `any` no se establece explícitamente, los valores válidos para el `número`, los tipos de entrada de fecha/hora y los tipos de entrada de `range` son iguales a la base de paso a paso: el valor {{HTMLAttrxRef("min", "input")}} y los incrementos del valor del paso, hasta el valor [max](/es/docs/Web/HTML/Attributes/max), si se especifica. Por ejemplo, si tienes ``, cualquier entero par, 10 o mayor, es válido. Si se omite, ``, cualquier número entero es válido, pero los flotantes, como 4.2, no son válidos, ya que el `step` predeterminado es 1. Para que 4.2 sea válido, `step` se debería haber configurado en `any`, 0.1, 0.2, o cualquiera, el valor mínimo tendría que ser un número terminado en 0.2 , como ``
+
+| Tipo del `input` | Ejemplo | Ejemplo |
+| ---------------------------------------------------------------------------- | --------------------------------- | ------------------------------------------------------ |
+| {{HTMLElement("input/date", "date")}} | `yyyy-mm-dd` | `` |
+| {{HTMLElement("input/month", "month")}} | `yyyy-mm` | `` |
+| {{HTMLElement("input/week", "week")}} | `yyyy-W##` | `` |
+| {{HTMLElement("input/time", "time")}} | `hh:mm` | `` |
+| {{HTMLElement("input/datetime-local", "datetime-local")}} | `yyyy-mm-ddThh:mm` | `` |
+| {{HTMLElement("input/number", "number")}} | [number](/es/docs/Web/CSS/number) | `` |
+| {{HTMLElement("input/range", "range")}} | [number](/es/docs/Web/CSS/number) | `` |
+
+> **Nota:** Cuando los datos ingresados por el usuario no se adhieren al valor mínimo establecido, el valor se considera inválido en la restricción de validación y coincidirá con la pseudoclase `:invalid`
+
+Consulta [Validación del lado del cliente](/es/docs/Web/Guide/HTML/HTML5/Constraint_validation) y {{DOMxRef("ValidityState.rangeUnderflow", "rangeUnderflow")}} para más información.
+
+Para el elemento {{HTMLElement('meter')}}, el atributo {{HTMLAttrxRef("min", "input")}} define el límite numérico inferior del rango medido. Debe ser menor que el valor mínimo (atributo [max](/es/docs/Web/HTML/Attributes/max), si se especifica. En ambos casos, si se omite, el valor predeterminado es 1.
+
+| Tipo del `input` | Sintaxis | Ejemplo |
+| -------------------------------- | --------------------------------- | -------------------------------------------------------------------------------------------------- |
+| {{HTMLElement("meter")}} | [number](/es/docs/Web/CSS/number) | ` at 40/100` |
+
+### Impacto en `step`
+
+Los valores de {{HTMLAttrxRef("min", "input")}} y `step` definen cuáles son los valores válidos, incluso si el atributo `step` no está incluido, como el `step` predeterminado de `0`.
+
+Agrega un gran borde rojo alrededor de los {{HTMLElement("input")}}s no válidos:
+
+```css
+input:invalid {
+ border: solid red 3px;
+}
+```
+
+Luego define un {{HTMLElement("input")}} con un valor mínimo de 7.2, omitiendo el atributo `step`, en donde el valor predeterminado es 1.
+
+```html
+
+```
+
+Dado que `step` tiene el valor predeterminado de 1, los valores válidos incluyen `7.2`, `8.2`, `9.2` y así sucesivamente. El valor 8 no es válido. Dado que incluye un valor no válido, los navegadores compatibles mostrarán el valor como no válido.
+
+{{EmbedLiveSample("Impacto_en_step",200,55)}}
+
+Si no se incluye explícitamente, `step` tiene como valor predeterminado 1 para `número` y `range`, y 1 tipo de unidad (segundo, semana, mes, día) para los {{HTMLElement("input")}}s de tipo fecha/hora.
+
+## Compatibilidad del navegador
+
+{{Compat("html.elements.attributes.min")}}
+
+## Especificaciones
+
+| Especificación | Estado | Comentario |
+| ---------------------------------------------------------------------------------------------------------------- | ------------------------------------ | ---------- |
+| {{SpecName('HTML WHATWG', 'input.html#the-min-and-max-attributes', 'min attribute')}} | {{ Spec2('HTML WHATWG') }} | |
+| {{SpecName('HTML5 W3C', 'input.html#the-min-and-max-attributes', 'min attribute')}} | {{ Spec2('HTML5 W3C') }} | |
+
+## Problemas de accesibilidad
+
+Proporciona instrucciones para ayudar a los usuarios a comprender cómo completar el formulario y utilizar controles de formulario individuales. Indica cualquier entrada requerida y opcional, formatos de datos y otra información relevante. Cuando utilices el atributo {{HTMLAttrxRef("min", "input")}}, asegúrate de que el usuario comprenda este requisito mínimo. Posiblemente sea suficiente proporcionar instrucciones dentro de un {{HTMLElement('label')}}. Si proporcionas instrucciones fuera de las etiquetas, lo cual permite un posicionamiento y un diseño más flexibles, considera usar [aria-labelledby](/es/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute) o [aria-describedby](/es/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-descriptionsby_attribute).
+
+## Ve también
+
+- [step](/es/docs/Web/HTML/Attributes/step)
+- [max](/es/docs/Web/HTML/Attributes/max)
+- [restricciones de validación](/es/docs/Web/Guide/HTML/HTML5/Constraint_validation)
+- {{DOMxRef('Constraint_validation')}}
+- {{DOMxRef('validityState.rangeUnderflow')}}
+- {{CSSxRef(':out-of-range')}}
+- {{HTMLElement('input')}}
+- Los tipos {{HTMLElement("input/date", "date")}}, {{HTMLElement("input/month", "month")}}, {{HTMLElement("input/week", "week")}}, {{HTMLElement("input/time", "time")}}, {{HTMLElement("input/datetime-local", "datetime-local")}}, {{HTMLElement("input/number", "number")}}, {{HTMLElement("input/range", "range")}} y {{htmlelement('meter')}}
diff --git a/files/es/web/html/element/a/index.html b/files/es/web/html/element/a/index.html
deleted file mode 100644
index 8d9b96a7317c77..00000000000000
--- a/files/es/web/html/element/a/index.html
+++ /dev/null
@@ -1,322 +0,0 @@
----
-title:
-slug: Web/HTML/Element/a
-tags:
- - Contenido
- - Ejemplo
- - Elemento
- - HTML
- - Principiante
- - Referencia
- - Web
-translation_of: Web/HTML/Element/a
-original_slug: Web/HTML/Elemento/a
----
-
Cualquier elemento que acepte contenido de párrafo o cualquier elemento que acepte contenido de flujo, sin embargo simpre excluyendo los elementos <a> (de acuerdo con el principio lógico de simetría, si una etiqueta <a> como padre, no puede contener contenido interactivo, entonces el mismo contenido de <a> no puede tener una etiqueta <a> como su padre).
Este atributo, indica descargar a los navegadores una URL en lugar de navegar hacia ella, por lo que el usuario será dirigido para salvarla como un archivo local. Si el atributo tiene un valor, éste se utilizará como nombre de archivo por defecto en el mensaje Guardar que se abre cuando el usuario hace clic en el enlace (sin embargo, el usuario puede cambiar el nombre antes de guardar el archivo). No hay restricciones sobre los valores permitidos, aunque: / y: \ se convertirán en guiones bajos (underscores), lo que evitará sugerencias de ruta específicas. Se debe tener en cuenta que la mayoría de los sistemas de archivos tienen limitaciones con respecto a los símbolos de puntuación admitidos en los nombres de archivo, por lo que los navegadores ajustarán los nombres de los archivos en consecuencia.
-
Este atributo puede ser utilizado con blob: URLs y data: URLs para descargar contenido generado por JavaScript, tales como fotografías creadas por una aplicación web de edición de imágenes.
-
Si el encabezado (header) HTTP Content-Disposition: proporciona un nombre de archivo diferente al de este atributo, el encabezado HTTP tiene prioridad sobre este atributo.
-
Si Content-Disposition: está ajustado a inline, Firefox prioriza Content-Disposition, como en el caso del nombre de archivo, mientras que Chrome prioriza el atributo download.
-
-
-
-
{{htmlattrdef("href")}}
-
Contiene una URL o un fragmento de URL al cual apunta el enlace.
-
Un fragmento de URL es un nombre ("name") precedido por el símbolo de número (#), el cual especifíca una ubicación interna objetivo (un ID de un elemento HTML) dentro del actual documento. Las URLs no están restringidas sólo a documentos de internet basados en HTTP, sin embargo pueden utilizar cualquier protocolo soportado por el navegador. Por ejemplo, file:, ftp:, and mailto: funcionan en la mayoría de los navegadores.
-
Este atributo puede ser omitido (a partir de HTML5) para crear un enlace de marcador de posición. Un enlace de marcador de posición se parece a un enlace tradicional, pero que no dirige a algún lugar.
-
Este atributo indica el lenguaje humano del recurso al que se enlaza. Este es únicamente informativo, sin ninguna funcionalidad incorporada. Los valores permitidos están determinados por BCP47.
'no-referrer' significa Referer: el encabezado no será enviado.
-
'no-referrer-when-downgrade' significa sin Referer: el encabezado será enviado cuando se navega a un origen (origin) sin HTTPS. Este es un comportamiento por defecto.
-
'origin' significa que el "referrer" estará en el origen (origin) de la página, no incluye la información posterior al dominio.
-
'origin-when-cross-origin' significa que la navegación a otros orígenes (origins) será limitada al esquema (scheme), el host y el puerto, mientras que la navegación en el mismo origen (origin) incuirá la trayectoria de referencia (referrer's path).
-
'unsafe-url' significa que la referencia (referrer) incuirá el origen(origin) y la trayectoria (path), pero no el fragmento, contraseña o nombre de usuario. Esto es inseguro, ya que puede filtrar datos desde una URL segura hacia URLs inseguras.
-
-
-
{{htmlattrdef("rel")}}
-
Especifica la relación del objeto de destino con el objeto de enlace. El valor es una lista separada por espacios de tipos de enlace tipos de enlace (link types).
-
{{htmlattrdef("target")}}
-
Especifica en donde desplegar la URL enlazada. Es un nombre (name of), o palabra clave (keyword for), un contexto de navegación (browsing context): una pestaña, ventana, o <iframe>. Las siguientes palabras clave (keywords) tienen significado especial:
-
-
_self: Carga la URL en el mismo contexto de navegación que el actual. Este es el comportamiento por defecto.
-
_blank: Carga la URL en un nuevo contexto de navegación. Usualmente es una pestaña, sin embargo, los usuarios pueden configurar los navegadores para utilizar una ventana nueva en lugar de la pestaña.
-
_parent: Carga la URL en el contexto de navegación padre (parent) del actual. Si no existe el padre, este se comporta del mismo modo que _self.
-
_top: Carga la URL en le contexto más alto de navegación (el cual es un ancestro del actual, y no tiene padre (parent)). Si no hay padre (parent), este se comporta del mismo modo que _self.
-
-
-
-
Nota: Cuando se utiliza target, considera agregar rel="noopener noreferrer" para evitar el uso de la API window.opener.
-
-
-
{{htmlattrdef("type")}}
-
Especifica el tipo de medio (media type) en la forma de {{Glossary("MIME type")}} para la URL enlazada. Esto es únicamente informativo, sin ninguna funcionalidad incorporada.
Este atributo define la codificación de caracteres (character encoding) de la URL enlazada. El valor debe de ser una lista delimitada por espacio y/o coma de caracteres definidos en RFC 2045. El valor por defecto es ISO-8859-1.
-
-
Nota de uso: Este atributo es obsoleto en HTML5 y no debe ser utilizado por autores. Para lograr su efecto, se debe utilzar el encabezado HTTP Content-Type: en la URL enlazada.
Para utilizar con el siguiente atributo shape, este atributo utiliza una lista de números separada por comas para definir las coordenadas del enlace en la página.
Este atributo era requerido para anclas (anchors) que definían una posible ubicación dentro de la página. En HTML 4.01, id y name podían ser utilizados simultáneamente en un elemento <a> simpre y cuando tuvieran valores idénticos.
-
-
Nota de uso: Este atributo es obsoleto en HTML5, se utiliza el atributo global id en su lugar.
Este atributo era utilizado para definir una región de enlaces para crear un mapa de imagen. El valore es circle, default, polygon, y rect. El formato del atributo coords depende del valor de la forma geométrica. Para circle, el valor es x,y,r donde x y y son las coordenadas en pixel para el centro del círculo y r es el valor del radio en pixeles. Para rect, el atributo coords debe ser x,y,w,h. Los valores x y y definen la esquina superior izquierda del rectángulo, mientras que w y h definen el ancho y el alto respectivamente. Un valor del polygon para shape requiere los valores x1,y1,x2,y2,...para coords. Cada uno de los pares x,y definen un punto en el polígono, con puntos sucesivos que son unidos por líneas rectas y el útlimo punto se une al primer punto. El valor default para shape Requiere que el área encerrada, típicamente una imágen, sea utilizada.
-
Nota: Utilice el atributo usemap para el elemento {{HTMLElement("img")}} y el elemento asociado {{HTMLElement("map")}} para definir puntos de acceso (hotspots) en lugar del atributo shape.
-
-
-
-
-
-
-
Ejemplos
-
-
Enlazando a una ubicación externa
-
-
<!-- anclaje a un archivo externo -->
-<a href="https://www.mozilla.com/">
-Enlace externo
-</a>
Este ejemplo utiliza una imagen que enlaza a la página de inicio de MDN. La página de inicio se abrirá en un contexto de navegación nuevo, esto es, en una nueva página o nueva ventana.
Es común crear enlaces que abren el programa de correo del usuario para permitir enviar un nuevo mensaje. Esto se hace con un enlace mailto:. Aquí tenemos un ejemplo:
-
-
<a href="mailto:nowhere@mozilla.org">Enviar correo a nowhere</a>
Para detalles adicionales acerca del esquema de la URL mailto, tales como incluir el asunto, el cuerpo u otros contenidos predeterminados, consultar Enlaces de correo (Email links) o {{RFC(6068)}}.
-
-
Creando un enlace a un número de teléfono
-
-
Ofrecer enlaces a números de teléfono es muy útil para los ususarios que observan documentos de internet desde computadoras portátiles conectadas a teléfonos o desde teléfonos celulares (móviles)
-
-
<a href="tel:+491570156">+49 157 0156</a>
-
-
Para detalles adicionales acerca del esquema de la URL tel, consultar {{RFC(2806)}} y {{RFC(2396)}}.
-
-
Utilizando el atributo download para guardar un <canvas> como PNG
-
-
Si deseas permitir a los usurios descargar una elemento HTML {{HTMLElement("canvas")}} como una imagen, puedes crear un enlace con una atributo download y la información canvas como un archivo URL:
HTML 3.2 define sólo los atributos name, href, rel, rev, y title.
-
-
Recomendaciones de accesibilidad
-
-
Se abusa frecuntemente de las etiquetas de ancla (anchor tags) con el uso de los eventos onclick para crear pseudo-botones ajustando href a "#" o "javascript:void(0)" para prevenir la recarga de la página. Estos valores provocan comportamientos inesperados con los enlaces de copiado/dibujado, la apertura de enlaces en nuevas pestañas/ventanas, el guardado de enlaces (bookmarking), y cuando JavaScript está aún descargando, esto arroja errores, o es deshabilitado. Esto tambíen lleva a semánticas (semantics) incorrectas para tecnologías de asistencia (p.ej., lectores de pantalla). En estos casos, se recomienda utilizar un {{HTMLElement("button")}} en su lugar. En general, sólo se debe utilizar una ancla (anchor) para navegación utilizando una URL adecuada.
-
-
Cliceo y enfoque
-
-
Cuando se clicea sobre un {{HTMLElement("a")}} las consecuencias varían de acuerdo al navegador y el sistema operativo.
-
-
-
¿Al hacer clic en un {{HTMLElement("a")}} se enfoca?
+ Cualquier elemento que acepte contenido de párrafo o cualquier elemento
+ que acepte contenido de flujo, sin embargo simpre excluyendo los
+ elementos <a> (de acuerdo con el principio lógico de simetría, si
+ una etiqueta <a> como padre, no puede contener contenido
+ interactivo, entonces el mismo contenido de <a> no puede tener una
+ etiqueta <a> como su padre).
+
+
+## Atributos
+
+Este elemento incluye los [atributos globales](/es/docs/HTML/Global_attributes).
+
+- {{htmlattrdef("download")}} {{HTMLVersionInline(5)}}
+
+ - : Este atributo, indica descargar a los navegadores una URL en lugar de navegar hacia ella, por lo que el usuario será dirigido para salvarla como un archivo local. Si el atributo tiene un valor, éste se utilizará como nombre de archivo por defecto en el mensaje Guardar que se abre cuando el usuario hace clic en el enlace (sin embargo, el usuario puede cambiar el nombre antes de guardar el archivo). No hay restricciones sobre los valores permitidos, aunque: / y: \ se convertirán en guiones bajos (_underscores_), lo que evitará sugerencias de ruta específicas. Se debe tener en cuenta que la mayoría de los sistemas de archivos tienen limitaciones con respecto a los símbolos de puntuación admitidos en los nombres de archivo, por lo que los navegadores ajustarán los nombres de los archivos en consecuencia.
+
+ > **Nota:**
+ >
+ > - Este atributo sólo funciona para las [políticas de mismo origen (same-origin URLs)](/es/docs/Web/Security/Same-origin_policy).
+ > - Este atributo puede ser utilizado con [`blob:` URLs](/es/docs/Web/API/URL.createObjectURL) y [`data:` URLs](/es/docs/Web/HTTP/Basics_of_HTTP/Data_URIs) para descargar contenido generado por JavaScript, tales como fotografías creadas por una aplicación web de edición de imágenes.
+ > - Si el encabezado (_header_) HTTP [`Content-Disposition:`](/es/docs/Web/HTTP/Headers/Content-Disposition) proporciona un nombre de archivo diferente al de este atributo, el encabezado HTTP tiene prioridad sobre este atributo.
+ > - Si `Content-Disposition:` está ajustado a `inline`, Firefox prioriza `Content-Disposition`, como en el caso del nombre de archivo, mientras que Chrome prioriza el atributo `download`.
+
+- {{htmlattrdef("href")}}
+
+ - : Contiene una URL o un fragmento de URL al cual apunta el enlace.
+ Un fragmento de URL es un nombre ("name") precedido por el símbolo de número (`#`), el cual especifíca una ubicación interna objetivo (un [ID](/es/docs/HTML/Global_attributes#attr-id) de un elemento HTML) dentro del actual documento. Las URLs no están restringidas sólo a documentos de internet basados en HTTP, sin embargo pueden utilizar cualquier protocolo soportado por el navegador. Por ejemplo, [`file:`](https://en.wikipedia.org/wiki/File_URI_scheme), `ftp:`, and `mailto:` funcionan en la mayoría de los navegadores.
+ Este atributo puede ser omitido (a partir de HTML5) para crear un enlace de marcador de posición. Un enlace de marcador de posición se parece a un enlace tradicional, pero que no dirige a algún lugar.
+
+ > **Nota:** Puede ser utilizado `href="#top"` o un fragmento vacío `href="#"` para enlazar a la parte superior de la página actual. [Este comportamiento está especficado en HTML5](https://www.w3.org/TR/html5/single-page.html#scroll-to-fragid).
+
+- {{htmlattrdef("hreflang")}}
+ - : Este atributo indica el lenguaje humano del recurso al que se enlaza. Este es únicamente informativo, sin ninguna funcionalidad incorporada. Los valores permitidos están determinados por [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt).
+- {{htmlattrdef("referrerpolicy")}} {{experimental_inline}}
+
+ - : Indica que [referencia (_referer_)](/es/docs/Web/HTTP/Headers/Referer) enviar cuado la URL es recuperada:
+
+ - `'no-referrer'` significa `Referer:` el encabezado no será enviado.
+ - `'no-referrer-when-downgrade'` significa sin `Referer:` el encabezado será enviado cuando se navega a un origen (`origin`) sin HTTPS. Este es un comportamiento por defecto.
+ - `'origin'` significa que el "referrer" estará en el [origen](/es/docs/Glossary/Origin) (`origin`) de la página, no incluye la información posterior al dominio.
+ - `'origin-when-cross-origin'` significa que la navegación a otros orígenes (_origins_) será limitada al esquema (_scheme_), el host y el puerto, mientras que la navegación en el mismo origen (origin) incuirá la trayectoria de referencia (_referrer's path_).
+ - `'unsafe-url'` significa que la referencia (_referrer_) incuirá el origen(`origin`) y la trayectoria (_path_), pero no el fragmento, contraseña o nombre de usuario. Esto es inseguro, ya que puede filtrar datos desde una URL segura hacia URLs inseguras.
+
+- {{htmlattrdef("rel")}}
+ - : Especifica la relación del objeto de destino con el objeto de enlace. El valor es una lista separada por espacios de tipos de enlace[tipos de enlace (link types)](/es/docs/Web/HTML/Link_types).
+- {{htmlattrdef("target")}}
+
+ - : Especifica en donde desplegar la URL enlazada. Es un nombre (_name of_), o palabra clave (_keyword for_), un contexto de navegación _(browsing context)_: una pestaña, ventana, o `
+```
+
+#### Resultado
+
+{{ EmbedLiveSample('Example1', 640,400)}}
+
+### Abrir un enlace en un \
+```
+
+#### Resultado
+
+{{ EmbedLiveSample('Example2', 640, 400)}}
+
+## Especificaciones
+
+| Specification | Status | Comment |
+| ------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------- | --------------------------------------------------------- |
+| {{SpecName('Referrer Policy', '#referrer-policy-delivery-referrer-attribute', 'referrerpolicy attribute')}} | {{Spec2('Referrer Policy')}} | Added the `referrerpolicy` attribute. |
+| {{SpecName('HTML WHATWG', 'iframe-embed-object.html#the-iframe-element', '<iframe>')}} | {{Spec2('HTML WHATWG')}} | |
+| {{SpecName('HTML5 W3C', 'embedded-content-0.html#the-iframe-element', '<iframe>')}} | {{Spec2('HTML5 W3C')}} | |
+| {{SpecName('HTML4.01', 'present/frames.html#h-16.5', '<iframe>')}} | {{Spec2('HTML4.01')}} | |
+| {{SpecName('Screen Orientation')}} | {{Spec2('Screen Orientation')}} | Adds `allow-orientation-lock` to the `sandbox` attribute. |
+| {{SpecName('Presentation','#sandboxing-and-the-allow-presentation-keyword','allow-presentation')}} | {{Spec2('Presentation')}} | Adds `allow-presentation` to the `sandbox` attribute |
+
+## Notes
+
+Starting in Gecko 6.0 {{ geckoRelease("6.0") }}, rendering of inline frames correctly respects the borders of their containing element when they're rounded using {{ cssxref("border-radius") }}.
+
+## Browser compatibility
+
+{{Compat("html.elements.iframe", 3)}}
diff --git a/files/es/web/html/element/img/index.html b/files/es/web/html/element/img/index.html
deleted file mode 100644
index b6be3a0b6655a1..00000000000000
--- a/files/es/web/html/element/img/index.html
+++ /dev/null
@@ -1,244 +0,0 @@
----
-title: img
-slug: Web/HTML/Element/img
-tags:
- - Contenido
- - Elemento
- - HTML
- - Incrustado
-translation_of: Web/HTML/Element/img
-original_slug: Web/HTML/Elemento/img
----
-
El elemento de imagen HTML <img> representa una imagen en el documento.
-
-
-
Nota:
- Los navegadores no siempre muestran la imagen a la que el elemento hace referencia. Es el caso de los navegadores no gráficos (incluyendo aquellos usados por personas con problemas de visión), sí el usuario elige no mostrar la imagen, o sí el navegador es incapaz de mostrarla porque no es válida o soportada. En ese caso, el navegador la reemplazará con el texto definido en el atributo {{htmlattrdef("alt", "img")}}.
Debe tener etiqueta de de inicio pero no tiene por qué haber de cierre.
-
-
-
Elementos padre permitidos
-
Cualquier elemento que acepte contenido incrustado.
-
-
-
Interfaz DOM
-
{{domxref("HTMLImageElement")}}
-
-
-
-
-
Atributos
-
-
Este elemento incluye atributos globales.
-
-
-
{{htmlattrdef("align")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}} Use the {{cssxref('vertical-align')}} CSS property
-
Alineamiento de la texto respecto al contexto que la rodea.
-
-
-
-
{{htmlattrdef("alt")}}
-
Este atributo define el texto alternativo que describe la imagen, texto que los usuarios verán si la URL de la imagen es errónea o la imagen tiene un formato no soportado o si la imagen aún no se ha descargado.
-
-
-
Nota: Omitir este atributo indica que la imagen es una parte clave del contenido, y no tiene equivalencia textual. Establecer este atributo como cadena vacía indica que la imagen no es una parte clave del contenido; los navegadores no gráficos pueden omitirlo.
Este atributo enumerado indica si la búsqueda de la imagen debe ser por CORS o no. Imagen hablidata CORS puede ser usada en el elemento {{HTMLElement("canvas")}} sin ser pintada. Los valores permitidos son:
-
-
"anonymous"
-
Una petición cross-origin (i.e., with Origin: HTTP header) es realizada. Sin embargo, no fueron enviadas credenciales "(i.e., no cookie, no X.509 certificate, and no HTTP Basic authentication is sent)". Sí el servidor no emite credenciales al sitio de origen (no ajustando el Access-Control-Allow-Origin: HTTP header), la imagen será pintada y su uso restringido.
-
"use-credentials"
-
Una petición cross-origin (i.e., with Origin: HTTP header) es realizada con credenciales (i.e., a cookie, a certificate, and HTTP Basic authentication is performed). Sí el servidor no emite credenciales al sitio de origen (a través del Access-Control-Allow-Credentials: HTTP header), la imagen será pintada y su uso restringido.
-
-
-
Cuando no existe, el recurso es buscado sin petición CORS (i.e., sin enviar el Origen: HTTP header) , previniendo el uso no pintado del elemento {{HTMLElement('canvas')}}. Si es inválido, se maneja como si se hubiese usado anonymous. Ver atributos de configuración CORS para más información.
-
-
-
-
-
{{htmlattrdef("height")}}
-
La altura de la imagen en píxeles CSS {{HTMLVersionInline(5)}} o píxeles o como porcentaje en {{HTMLVersionInline(4)}}.
El número de píxeles de espaciado a la izquierda y la derecha de la imagen.
-
{{htmlattrdef("ismap")}}
-
Este atributo boleano indica que la imagen es parte del mapa del lado del servidor. Así que, se envían las coordenadas precisas de un clic.
-
-
Nota: Este atributo está permitido solo si el elemento <img> es descendiente de un elemento {{htmlelement("a")}} con un atributo {{htmlattrxref("href","a")}} válido.
-
-
-
{{htmlattrdef("longdesc")}}
-
La URL como descripción de una imagen mostrada, complementa al texto de {{htmlattrdef("alt", "img")}}.
Una cadena indicando que referencia usar cuando buscas un recurso:
-
-
"no-referrer": la cabecera no se envia.
-
"no-referrer-when-downgrade": la cabecera no será enviada cuando navegas hacia un origen sin TLS (HTTPS). Es el comportamientopredeterminado, si no se especifica en ninguna política.
-
"origin": el referente será el origen de la página; lo que sería el esquema, el anfitrión (host) y el puerto.
-
"origin-when-cross-origin": navega hacia otro origen limitado por el esquema, el anfitrión y el puerto, mientras navegas en el mismo origen incluirá el camino del referente.
-
"unsafe-url": el referente incluirá el origen y el camino (pero no el fragment, contraseña, o nombre de usuario). Este caso es arriegasdo porque puede haber una fuga del origen o el camino desde los recursos protegidos por TLS desde orígenes inseguros.
-
-
-
{{htmlattrdef("sizes")}}{{HTMLVersionInline(5)}}
-
Una lista de una o más cadenas separadas por comas indicando el tamaño de la fuente. Cada tamaño de la fuente consiste en:
-
-
Codición de medios. Debe omitirse en el último ítem.
-
Valor del tamaño.
-
-
-
El valor del tamaño de la fuente especifica el tamaño de la imagen incrustada. Se usa el tamaño actual de la fuente para seleccionar las fuentes soportadas por el atributo srcset, cuando esas fuentes son descritas usando el ancho (width). El tamaño de la fuente afecta al tamaño de la imagen (la imagen muestra tamaño si no se aplican estilos CSS). Si no hay atributo srcset, o no contiene valores con el ancho definido, entonces el atributo sizes no funciona.
-
-
{{htmlattrdef("src")}}
-
La URL de la imagen. Este atributo es obligatorio para el elemento <img>. En navegadores que soportan srcset, src es tratado como imagen candidata con una densidad del píxel 1x sino una imagen estará definida en srcset o srcset contiene ancho.
-
-
{{htmlattrdef("srcset")}}{{HTMLVersionInline(5)}}
-
Una lista de una o más cadenas separadas por comas indicando las posibles fuentes para usar. Cada cadena está compuesta por:
-
-
URL de la imagen
-
Opcionalmente, espacios en blanco seguidos de:
-
-
Un ancho, que es un entero positivo seguido directamente por 'w'. El ancho está dividido por el tamaño de la fuente dada en el atributo sizes para calcular la densidad del píxel.
-
Densidad del píxel, un positivo decimal seguido directamente de 'x'.
-
-
-
-
-
Si no hay descriptores especificados, la fuente es asignada por defecto a 1x.
-
-
Es inválido mezclar ancho y densidad del píxel en el mismo atributo srcset. Descriptores duplicados (por ejemplo, dos fuentes en el mismo srcset definidos ambos con '2x') son inválidos, también.
-
-
Los agentes de usuario son discretos al elegir cualquiera de las fuentes disponibles. Esto les proporcionaun margensignificativo paraadaptar suselección basada encosas comolas preferencias del usuarioo las condicionesde ancho de banda.
-
-
{{htmlattrdef("width")}}
-
El ancho de la imagen en píxeles CSS {{HTMLVersionInline(5)}}, o píxeles o porcentaje en {{HTMLVersionInline(4)}}.
-
{{htmlattrdef("usemap")}}
-
La URL parcial (empezando con '#') de un mapa de imagea asociado a un elemento.
-
-
Nota: No puedes usar este atributo si el elemento <img> es descendiente de un elemento {{htmlelement("a")}} o {{HTMLElement("button")}}.
El número de píxeles de espacio blanco insertado sobre y bajo la imagen.
-
-
-
Formatos de imagen soportada
-
-
El estándar de HTML no ofrece una lista de formatos de imagen soportados, de modo que cada agente de usuario soporta diferentes conjuntos de formatos. Gecko soporta:
Nota:
- Soporte para formato XBM fue eliminado en Gecko 1.9.2.
-
-
-
Interacción con CSS
-
-
Respecto a CSS, una <img> es un elemento de reemplazo. No tiene base, asi que cuando las imágenes se usan en un contexto de formato en línea con {{cssxref("vertical-align")}}: baseline, el bajo de la imagen se posa sobre la base del contenedor.
-
-
Dependiendo de su tipo, una imagen puede tener ancho y alto intrínseco, pero no necesariamente. Por ejempo, las imagenes SVG no tienen dimensiones intrínsecas.
El atributo src es ignorado en agentes de usuario que soportan srcset cuando usan descriptores 'w'. Cuando la condición de media (min-width: 600px) encaja, la imagen será 200px de ancho, de otra manera será 50vw de ancho (50% del ancho del dispositivo).
{{HTMLElement("picture")}}, {{HTMLElement("object")}} and {{HTMLElement("embed")}} elements
-
-
-
diff --git a/files/es/web/html/element/img/index.md b/files/es/web/html/element/img/index.md
new file mode 100644
index 00000000000000..ec7af957f48cf0
--- /dev/null
+++ b/files/es/web/html/element/img/index.md
@@ -0,0 +1,225 @@
+---
+title: img
+slug: Web/HTML/Element/img
+tags:
+ - Contenido
+ - Elemento
+ - HTML
+ - Incrustado
+translation_of: Web/HTML/Element/img
+original_slug: Web/HTML/Elemento/img
+---
+El elemento de imagen HTML **``** representa una imagen en el documento.
+
+> **Nota:**
+> Los navegadores no siempre muestran la imagen a la que el elemento hace referencia. Es el caso de los navegadores no gráficos (incluyendo aquellos usados por personas con problemas de visión), sí el usuario elige no mostrar la imagen, o sí el navegador es incapaz de mostrarla porque no es válida o [soportada](/es/docs/Web/HTML/Elemento/img#Supported_image_formats). En ese caso, el navegador la reemplazará con el texto definido en el atributo {{htmlattrdef("alt", "img")}}.
+
+
+ Debe tener etiqueta de de inicio pero no tiene por qué haber de cierre.
+
+
+
+
Elementos padre permitidos
+
Cualquier elemento que acepte contenido incrustado.
+
+
+
Interfaz DOM
+
{{domxref("HTMLImageElement")}}
+
+
+
+
+## Atributos
+
+Este elemento incluye atributos globales.
+
+- {{htmlattrdef("align")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}} Use the {{cssxref('vertical-align')}} CSS property
+ - : Alineamiento de la texto respecto al contexto que la rodea.
+- {{htmlattrdef("alt")}}
+ - : Este atributo define el texto alternativo que describe la imagen, texto que los usuarios verán si la URL de la imagen es errónea o la imagen tiene un [formato no soportado](/es/docs/Web/HTML/Elemento/img$edit#Supported_image_formats) o si la imagen aún no se ha descargado.
+
+ > **Nota:** Omitir este atributo indica que la imagen es una parte clave del contenido, y no tiene equivalencia textual. Establecer este atributo como cadena vacía indica que la imagen no es una parte clave del contenido; los navegadores no gráficos pueden omitirlo.
+
+- {{htmlattrdef("border")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}}
+
+ - : Anchura del borde alrededor de la imagen.
+
+- {{htmlattrdef("crossorigin")}} {{HTMLVersionInline(5)}}
+
+ - : Este atributo enumerado indica si la búsqueda de la imagen debe ser por CORS o no. [Imagen hablidata CORS](/es/docs/Web/HTML/Imagen_con_CORS_habilitado) puede ser usada en el elemento {{HTMLElement("canvas")}} sin ser pintada. Los valores permitidos son:
+
+ - `"anonymous"`
+ - : Una petición cross-origin (i.e., with `Origin:` HTTP header) es realizada. Sin embargo, no fueron enviadas credenciales "_(i.e., no cookie, no X.509 certificate, and no HTTP Basic authentication is sent)_". Sí el servidor no emite credenciales al sitio de origen (no ajustando el `Access-Control-Allow-Origin:` HTTP header), la imagen será pintada y su uso restringido.
+ - `"use-credentials"`
+ - : Una petición cross-origin (i.e., with `Origin:` HTTP header) es realizada con credenciales (i.e., a cookie, a certificate, and HTTP Basic authentication is performed). Sí el servidor no emite credenciales al sitio de origen (a través del `Access-Control-Allow-Credentials:` HTTP header), la imagen será pintada y su uso restringido.
+
+ Cuando no existe, el recurso es buscado sin petición CORS (i.e., `sin enviar el Origen:` HTTP header) , previniendo el uso no pintado del elemento {{HTMLElement('canvas')}}. Si es inválido, se maneja como si se hubiese usado **anonymous**. Ver [atributos de configuración CORS](/es/docs/HTML/CORS_settings_attributes) para más información.
+- {{htmlattrdef("height")}}
+ - : La altura de la imagen en píxeles CSS {{HTMLVersionInline(5)}} o píxeles o como porcentaje en {{HTMLVersionInline(4)}}.
+- {{htmlattrdef("hspace")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}}
+ - : El número de píxeles de espaciado a la izquierda y la derecha de la imagen.
+- {{htmlattrdef("ismap")}}
+
+ - : Este atributo boleano indica que la imagen es parte del mapa del lado del servidor. Así que, se envían las coordenadas precisas de un clic.
+
+ > **Nota:** Este atributo está permitido solo si el elemento`` es descendiente de un elemento {{htmlelement("a")}} con un atributo {{htmlattrxref("href","a")}} válido.
+
+- {{htmlattrdef("longdesc")}}
+ - : La URL como descripción de una imagen mostrada, complementa al texto de {{htmlattrdef("alt", "img")}}.
+- {{htmlattrdef("name")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}}
+ - : El nombre para el elemento. Soportado en {{HTMLVersionInline(4)}} solo para compatibilidad con versiones anteriores. En su lugar, usa el atributo **`id`**.
+- {{htmlattrdef("referrerpolicy")}} {{experimental_inline}}
+
+ - : Una cadena indicando que referencia usar cuando buscas un recurso:
+
+ - `"no-referrer"`: la cabecera no se envia.
+ - "`no-referrer-when-downgrade`": la cabecera no será enviada cuando navegas hacia un origen sin TLS (HTTPS). Es el comportamiento predeterminado, si no se especifica en ninguna política.
+ - `"origin"`: el referente será el origen de la página; lo que sería el esquema, el anfitrión (host) y el puerto.
+ - "origin-when-cross-origin": navega hacia otro origen limitado por el esquema, el anfitrión y el puerto, mientras navegas en el mismo origen incluirá el camino del referente.
+ - `"unsafe-url"`: el referente incluirá el origen y el camino (pero no el fragment, contraseña, o nombre de usuario). Este caso es arriegasdo porque puede haber una fuga del origen o el camino desde los recursos protegidos por TLS desde orígenes inseguros.
+
+- {{htmlattrdef("sizes")}}{{HTMLVersionInline(5)}}
+
+ - : Una lista de una o más cadenas separadas por comas indicando el tamaño de la fuente. Cada tamaño de la fuente consiste en:
+
+ 1. Codición de medios. Debe omitirse en el último ítem.
+ 2. Valor del tamaño.
+
+ El valor del tamaño de la fuente especifica el tamaño de la imagen incrustada. Se usa el tamaño actual de la fuente para seleccionar las fuentes soportadas por el atributo `srcset`, cuando esas fuentes son descritas usando el ancho (width). El tamaño de la fuente afecta al tamaño de la imagen (la imagen muestra tamaño si no se aplican estilos CSS). Si no hay atributo `srcset`, o no contiene valores con el ancho definido, entonces el atributo sizes no funciona.
+
+- {{htmlattrdef("src")}}
+ - : La URL de la imagen. Este atributo es obligatorio para el elemento \. En navegadores que soportan `srcset`, `src` es tratado como imagen candidata con una densidad del píxel `1x` sino una imagen estará definida en `srcset` o `srcset` contiene ancho.
+- {{htmlattrdef("srcset")}}{{HTMLVersionInline(5)}}
+
+ - : Una lista de una o más cadenas separadas por comas indicando las posibles fuentes para usar. Cada cadena está compuesta por:
+
+ 1. URL de la imagen
+ 2. Opcionalmente, espacios en blanco seguidos de:
+
+ - Un ancho, que es un entero positivo seguido directamente por `'w'`. El ancho está dividido por el tamaño de la fuente dada en el atributo `sizes` para calcular la densidad del píxel.
+ - Densidad del píxel, un positivo decimal seguido directamente de `'x'`.
+
+ Si no hay descriptores especificados, la fuente es asignada por defecto a `1x`.
+
+ Es inválido mezclar ancho y densidad del píxel en el mismo atributo `srcset`. Descriptores duplicados (por ejemplo, dos fuentes en el mismo `srcset` definidos ambos con '`2x`') son inválidos, también.
+
+ Los agentes de usuario son discretos al elegir cualquiera de las fuentes disponibles. Esto les proporciona un margen significativo para adaptar su selección basada en cosas como las preferencias del usuario o las condiciones de ancho de banda.
+
+- {{htmlattrdef("width")}}
+ - : El ancho de la imagen en píxeles CSS {{HTMLVersionInline(5)}}, o píxeles o porcentaje en {{HTMLVersionInline(4)}}.
+- {{htmlattrdef("usemap")}}
+
+ - : La URL parcial (empezando con '#') de un [mapa de imagea](/es/docs/HTML/Element/map) asociado a un elemento.
+
+ > **Nota:** No puedes usar este atributo si el elemento `` es descendiente de un elemento {{htmlelement("a")}} o {{HTMLElement("button")}}.
+
+- {{htmlattrdef("vspace")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}}
+ - : El número de píxeles de espacio blanco insertado sobre y bajo la imagen.
+
+## Formatos de imagen soportada
+
+El estándar de HTML no ofrece una lista de formatos de imagen soportados, de modo que cada agente de usuario soporta diferentes conjuntos de formatos. Gecko soporta:
+
+- [JPEG](http://en.wikipedia.org/wiki/JPEG)
+- [GIF](http://en.wikipedia.org/wiki/Graphics_Interchange_Format), including animated GIFs
+- [PNG](http://en.wikipedia.org/wiki/Portable_Network_Graphics)
+- [APNG](/es/docs/Animated_PNG_graphics) {{gecko_minversion_inline("1.9.2")}}
+- [SVG](/es/docs/SVG) {{gecko_minversion_inline("2.0")}}
+- [BMP](http://en.wikipedia.org/wiki/BMP_file_format)
+- [BMP ICO](http://en.wikipedia.org/wiki/ICO_%28file_format%29)
+- [PNG ICO](http://en.wikipedia.org/wiki/ICO_%28file_format%29) {{gecko_minversion_inline("9.0")}}
+
+> **Nota:**
+> Soporte para formato [XBM](http://en.wikipedia.org/wiki/X_BitMap) fue eliminado en Gecko 1.9.2.
+
+## Interacción con CSS
+
+Respecto a CSS, `una ` es un [elemento de reemplazo](/es/docs/Web/CSS/Elemento_reemplazo). No tiene base, asi que cuando las imágenes se usan en un contexto de formato en línea con {{cssxref("vertical-align")}}: `baseline`, el bajo de la imagen se posa sobre la base del contenedor.
+
+Dependiendo de su tipo, una imagen puede tener ancho y alto intrínseco, pero no necesariamente. Por ejempo, las imagenes SVG no tienen dimensiones intrínsecas.
+
+## Ejemplo 1
+
+```html
+
+```
+
+
+
+## Ejemplo 2: Enlace con imagen
+
+```html
+
+```
+
+[](https://developer.mozilla.org/)
+
+## Ejemplo 3: Uso del atributo `srcset`
+
+El atributo `src` es un candidato en agentes de usuario `1x` que soporta `srcset.`
+
+```html
+
+```
+
+## Ejemplo 4: Uso de atributos `srcset` y `sizes`
+
+El atributo`src` es ignorado en agentes de usuario que soportan `srcset` cuando usan descriptores `'w'`. Cuando la condición de media `(min-width: 600px)` encaja, la imagen será 200px de ancho, de otra manera será 50vw de ancho (50% del ancho del dispositivo).
+
+```html
+
+```
+
+## Especificaciones
+
+| Especificación | Estado | Comentario |
+| ---------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | ------------------------------------------- |
+| {{SpecName('Referrer Policy', '#referrer-policy-delivery-referrer-attribute', 'referrer attribute')}} | {{Spec2('Referrer Policy')}} | Añadida la política del atributo`referrer` |
+| {{SpecName('HTML WHATWG', 'embedded-content.html#the-img-element', '<img>')}} | {{Spec2('HTML WHATWG')}} | |
+| {{SpecName('HTML5 W3C', 'embedded-content-0.html#the-img-element', '<img>')}} | {{Spec2('HTML5 W3C')}} | |
+| {{SpecName('HTML4.01', 'struct/objects.html#h-13.2', '<img>')}} | {{Spec2('HTML4.01')}} | |
+
+## Compatibilidad con navegadores
+
+{{Compat("html.elements.img")}}
+
+## Ver también
+
+- {{HTMLElement("picture")}}, {{HTMLElement("object")}} and {{HTMLElement("embed")}} elements
diff --git a/files/es/web/html/element/index.html b/files/es/web/html/element/index.html
deleted file mode 100644
index d0c7ecd782d76e..00000000000000
--- a/files/es/web/html/element/index.html
+++ /dev/null
@@ -1,107 +0,0 @@
----
-title: Referencia de Elementos HTML
-slug: Web/HTML/Element
-tags:
- - Elemento
- - HTML
- - Referencia
- - Web
- - básico
-translation_of: Web/HTML/Element
-original_slug: Web/HTML/Elemento
----
-
{{HTMLSidebar("Elements")}}
-
-
Esta página lista todos los {{Glossary("Element","elementos")}} {{Glossary("HTML")}}. Están agrupados por funciones para ayudarte a encontrar lo que tienes en mente con facilidad. Aunque esta guía está escrita para aquellos que son nuevos escribiendo código, se pretende que sea una referencia útil para cualquiera.
Los metadatos contienen información sobre la página. Esto incluye información sobre estilos, scripts y datos que ayudan al software ({{Glossary("search engine", "search engines")}}, {{Glossary("Browser","browsers")}}, etc.) a usar y generar la página. Los metadatos de estilos y scripts pueden estar definidos en la página o estar enlazados a otro fichero que contiene la información.
-
-
{{HTMLRefTable("HTML Document Metadata")}}
-
-
Seccionamiento básico
-
-
{{HTMLRefTable("Sectioning Root Element")}}
-
-
Seccionamiento del contenido
-
-
Los elementos de seccionamiento del contenido te permiten organizar los contenidos del documento en partes lógicas. Usa los elementos de seccionado para crear una descripción amplia de los contenidos de tu página, incluyendo el encabezado y pie de página y elementos para identificar secciones.
-
-
{{HTMLRefTable("HTML Sections")}}
-
-
Contenido del texto
-
-
Utiliza los elementos HTML de contenido del texto para organizar bloques o secciones de contenido colocados entre los tags de apertura{{HTMLElement("body")}} y cierre. Es importante para la {{Glossary("accessibility")}} y el {{Glossary("SEO")}}, que estos elementos se identifiquen con el objetivo o la estructura de ese contenido.
-
-
{{HTMLRefTable("HTML Grouping Content")}}
-
-
Semántica del texto en línea
-
-
Utilice la semántica del texto en línea HTML para definir el significado, estructura, o el estilo de una palabra, una línea o cualquier pieza arbitraria de texto.
-
-
{{HTMLRefTable("HTML Text-Level Semantics")}}
-
-
Imagen y multimedia
-
-
HTML soporta varios recursos multimedia como imágenes, audio, y video.
-
-
{{HTMLRefTable("multimedia")}}
-
-
Contenido incrustado
-
-
Además de los contenidos multimedia habituales, HTML puede incluir otra variedad de contenidos, aunque no siempre es fácil de interactuar con ellos.
Con el fin de crear contenido dinámico y aplicaciones Web, HTML soporta el uso de lenguajes de scripting, el más prominente es JavaScript. Ciertos elementos soportan esta capacidad.
-
-
{{HTMLRefTable("HTML Scripting")}}
-
-
Ediciones demarcadas
-
-
Estos elementos permiten proporcionar indicios de que determinadas partes del texto han sido alteradas.
-
-
{{HTMLRefTable("HTML Edits")}}
-
-
Tablas
-
-
Estos elementos son usados para crear y manejar datos tabulados.
-
-
{{HTMLRefTable("HTML tabular data")}}
-
-
Formularios
-
-
HTML provee un número de elementos que pueden usarse conjuntamente para crear formularios los cuales el usuario puede completar y enviar al sitio Web o a una aplicación. Hay una gran cantidad de información acerca de ésto disponible en la HTML forms guide.
HTML ofrece una selección de elementos que pueden ayudar a crear objetos de interfaz de usuario interactivos.
-
-
{{HTMLRefTable("HTML interactive elements")}}
-
-
Componentes Web
-
-
Los Componentes Web son una tecnología relacionada con HTML que hacen que sea posible, en esencia, crear y personalizar elementos como si fueran HTML normal. Además, pueden crear versiones personalizadas de los elementos HTML estándar.
Advertencia: Estos son elementos HTML viejos los cuales están obsoletos y no deben usarse. Nunca debería usarlos en un nuevo proyecto y debería reemplazarlos en proyectos viejos tan pronto como sea posible. Se listan aquí solo con propósitos informativos.
diff --git a/files/es/web/html/element/index.md b/files/es/web/html/element/index.md
new file mode 100644
index 00000000000000..85887c43392e6e
--- /dev/null
+++ b/files/es/web/html/element/index.md
@@ -0,0 +1,103 @@
+---
+title: Referencia de Elementos HTML
+slug: Web/HTML/Element
+tags:
+ - Elemento
+ - HTML
+ - Referencia
+ - Web
+ - básico
+translation_of: Web/HTML/Element
+original_slug: Web/HTML/Elemento
+---
+{{HTMLSidebar("Elements")}}
+
+Esta página lista todos los {{Glossary("Element","elementos")}} {{Glossary("HTML")}}. Están agrupados por funciones para ayudarte a encontrar lo que tienes en mente con facilidad. Aunque esta guía está escrita para aquellos que son nuevos escribiendo código, se pretende que sea una referencia útil para cualquiera.
+
+> **Nota:** Para más información básica acerca de los elementos y atributos HTML, vea [la sección sobre elementos en el artículo 'Introducción a HTML'](/es/docs/Web/Guide/HTML/Introduction#Elements_%E2%80%94_the_basic_building_blocks).
+
+## Raíz principal
+
+{{HTMLRefTable("HTML Root Element")}}
+
+## Metadatos del documento
+
+Los metadatos contienen información sobre la página. Esto incluye información sobre estilos, _scripts_ y datos que ayudan al _software_ ({{Glossary("search engine", "search engines")}}, {{Glossary("Browser","browsers")}}, etc.) a usar y generar la página. Los metadatos de estilos y _scripts_ pueden estar definidos en la página o estar enlazados a otro fichero que contiene la información.
+
+{{HTMLRefTable("HTML Document Metadata")}}
+
+## Seccionamiento básico
+
+{{HTMLRefTable("Sectioning Root Element")}}
+
+## Seccionamiento del contenido
+
+Los elementos de seccionamiento del contenido te permiten organizar los contenidos del documento en partes lógicas. Usa los elementos de seccionado para crear una descripción amplia de los contenidos de tu página, incluyendo el encabezado y pie de página y elementos para identificar secciones.
+
+{{HTMLRefTable("HTML Sections")}}
+
+## Contenido del texto
+
+Utiliza los elementos HTML de contenido del texto para organizar bloques o secciones de contenido colocados entre los tags de apertura{{HTMLElement("body")}} y cierre. Es importante para la {{Glossary("accessibility")}} y el {{Glossary("SEO")}}, que estos elementos se identifiquen con el objetivo o la estructura de ese contenido.
+
+{{HTMLRefTable("HTML Grouping Content")}}
+
+## Semántica del texto en línea
+
+Utilice la semántica del texto en línea HTML para definir el significado, estructura, o el estilo de una palabra, una línea o cualquier pieza arbitraria de texto.
+
+{{HTMLRefTable("HTML Text-Level Semantics")}}
+
+## Imagen y multimedia
+
+HTML soporta varios recursos multimedia como imágenes, audio, y video.
+
+{{HTMLRefTable("multimedia")}}
+
+## Contenido incrustado
+
+Además de los contenidos multimedia habituales, HTML puede incluir otra variedad de contenidos, aunque no siempre es fácil de interactuar con ellos.
+
+{{HTMLRefTable({"include":["HTML embedded content"], "exclude":["multimedia"]})}}
+
+## Scripting
+
+Con el fin de crear contenido dinámico y aplicaciones Web, HTML soporta el uso de lenguajes de scripting, el más prominente es JavaScript. Ciertos elementos soportan esta capacidad.
+
+{{HTMLRefTable("HTML Scripting")}}
+
+## Ediciones demarcadas
+
+Estos elementos permiten proporcionar indicios de que determinadas partes del texto han sido alteradas.
+
+{{HTMLRefTable("HTML Edits")}}
+
+## Tablas
+
+Estos elementos son usados para crear y manejar datos tabulados.
+
+{{HTMLRefTable("HTML tabular data")}}
+
+## Formularios
+
+HTML provee un número de elementos que pueden usarse conjuntamente para crear formularios los cuales el usuario puede completar y enviar al sitio Web o a una aplicación. Hay una gran cantidad de información acerca de ésto disponible en la [HTML forms guide](/es/docs/Web/Guide/HTML/Forms).
+
+{{HTMLRefTable({"include": ["HTML forms"], "exclude":["Deprecated"]})}}
+
+## Elementos Interactivos
+
+HTML ofrece una selección de elementos que pueden ayudar a crear objetos de interfaz de usuario interactivos.
+
+{{HTMLRefTable("HTML interactive elements")}}
+
+## Componentes Web
+
+Los Componentes Web son una tecnología relacionada con HTML que hacen que sea posible, en esencia, crear y personalizar elementos como si fueran HTML normal. Además, pueden crear versiones personalizadas de los elementos HTML estándar.
+
+{{HTMLRefTable({"include":["Web Components"],"elements":["shadow"]})}}
+
+## Elementos obsoletos y en desuso
+
+> **Advertencia:** Estos son elementos HTML viejos los cuales están obsoletos y no deben usarse. **Nunca debería usarlos en un nuevo proyecto y debería reemplazarlos en proyectos viejos tan pronto como sea posible.** Se listan aquí solo con propósitos informativos.
+
+{{HTMLRefTable({"include":["Deprecated","Obsolete"]})}}
diff --git a/files/es/web/html/element/input/button/index.html b/files/es/web/html/element/input/button/index.html
deleted file mode 100644
index 604a6a0c63a803..00000000000000
--- a/files/es/web/html/element/input/button/index.html
+++ /dev/null
@@ -1,151 +0,0 @@
----
-title:
-slug: Web/HTML/Element/input/button
-tags:
- - Elemento
- - Elemento Input
- - HTML
- - Referencia
-translation_of: Web/HTML/Element/input/button
-original_slug: Web/HTML/Elemento/input/Botón
----
-
{{HTMLRef}}
-
-
El elemento HTML <input type="button"> es una versión específica del elemento <input>, que se usa para crear un botón en el que se puede hacer click sin ningún valor por defecto, es decir, no tiene un comportamiento predeterminado como por ejemplo <input type="reset">. En HTML5 ha sido sustituido por el elemento <button>.
-
-
Los navegadores generan un controlador para un botón clickable sin valor por defecto. El botón puede contener cualquier texto. El controlador puede varíar de un navegador a otro.
Este elemento puede tener cualquiera de los atributos globales además de los siguientes:
-
-
-
{{htmlattrdef("disabled")}}
-
-
Este atributo booleano indica que el usuario no puede interactuar con el botón. Si este atributo no está especificado, el botón hereda su configuración del elemento contenedor, por ejemplo, {{HTMLElement("fieldset")}}; si no hay elemento contenedor con el atributo disabled establecido, el botón estará habilitado. El valor de control desactivado no es enviado con el formulario y el evento clickno será enviado en los controles desactivados.
-
-
-
Firefox, al contrario que otros navegadores, mantiene por defecto el estado de desactivación dinámico de un {{HTMLElement("button")}} a lo largo de las cargas de la página. Use el atributo {{htmlattrxref("autocomplete","button")}} para controlar esta característica.
Este atributo booleano le permite especificar que el botón deba tener el foco cuando la página se cargue, a no ser que el usuario lo anule, por ejemplo, escribiendo en otro cuadro de texto. Únicamente un elemento asociado con los formularios en un documento puede tener este atributo especificado.
El uso de este atributo en un {{HTMLElement("button")}} es algo fuera de lo común, y específico de Firefox. Firefox, por defecto y al contrario de otros navegadores, mantiene por defecto el estado de desactivación dinámico de un {{HTMLElement("button")}} a lo largo de las cargas de la página. Establecer el valor de este atributo a off (autocomplete="off") desactiva esta característica.
-
{{htmlattrdef("form")}} {{HTMLVersionInline(5)}}
-
El elemento del formulario con el que el botón está asociado (es dueño del formulario). El valor del atributo debe ser el atributo id de un elemento {{HTMLElement("form")}} en el mismo documento. Si este atributo no está especificado, el elemento <button> debe ser hijo de un elemento "formulario". Este atributo le permite colocar elementos <button> en cualquier lugar de un documento, y no únicamento como hijos del elemento {{HTMLElement("form")}}.
-
{{htmlattrdef("formenctype")}}
-
Debido a que el elemento de input es un botón de envío, el atributo formenctype especifica el tipo de contenido que se usa para enviar el formulario al servidor. Los valores posibles son:
-
-
application/x-www-form-urlencoded: Valor por defecto si el atributo no se especifica.
-
multipart/form-data: Este valor se usa si un elemento {{HTMLElement("input")}} es usado con el atributo {{htmlattrxref("type","input")}} fijado a file.
-
text/plain
-
-
-
Si este atributo se especifica, ignora el atributo {{htmlattrxref("enctype","form")}} del formulario dueño del botón.
La URI de la aplicación que procesa la información enviada por le botón. Si se especifica se anula el atributo {{htmlattrxref("action","form")}} del formulario dueño del botón.
-
{{htmlattrdef("formmethod")}}
-
Debido a que el elemento input es un botón de envío, el atributo formmethod especifica el método HTTP que el navegador utilizará para enviar el formulario. Los valores posibles son:
-
-
post: Los datos del formulario son incluidos en su cuerpo y son enviados al servidor.
-
get: Los datos del formulario son agregados a la URI del formulario, utilizando un símbolo '?' como separador, la URI resultante es enviada al servidor. Use este método cuando el formulario no tenga efectos secundarios y contenga solo caracteres ASCII.
-
-
-
Si se especifica, este atributo anula el atributo {{htmlattrxref("method","form")}} del formulario dueño del elemento.
-
-
{{htmlattrdef("formnovalidate")}}
-
Debido a que el elemento de input es un botón de envío, el atributo formnovalidate especifica que el formulario no debe ser validado cuando sea enviado. Si este atributo es especificado, se anula el atributo {{htmlattrxref("novalidate","form")}} del formulario dueño del elemento. Este atributo es Booleano.
-
{{htmlattrdef("formtarget")}}
-
Debido a que el elemento de input es un botón de envío, el atributo formtarget es un nombre o palabra clave que indica donde mostrar la respuesta recibida después de enviar el formulario. Este es un nombre de, o palabra clave para, un contexto navegable (por ejemplo, pestaña, ventana, o inline frame). Si este atributo es especificado, se sobreescribirá el atributo {{htmlattrxref("target", "form")}} del formulario dueño del elemento. Las siguientes palabras claves tienen significados especiales:
-
-
_self: Carga la respuesta en el mismo contexto navegableque el actual. Este valor es el predeterminado si el atributo no es especificado.
-
_blank: Carga la respuesta en un nuevo contexto navegable sin nombre.
-
_parent: Carga la respuesta en el contexto navegable padre del actual. Si no hay padre, esta opción se comporta igual que _self.
-
_top: Carga la respuesta en el contexto navegable superior (es el contexto navegable que es un ancestro del actual y no tiene padre). Si no hay padre, esta opción se comporta igual que _self.
-
-
-
{{htmlattrdef("name")}}
-
El nombre del botón que será enviado con los datos del formulario.
-
{{htmlattrdef("type")}}
-
El tipo dle botón. Los valores posibles son:
-
-
submit: El botón envía los datos del formulario al servidor. Este es el valor predeterminado si no se especifica el atributo, o si el atributo es cambiado dinámicamente a un valor inválido o vacío.
-
reset: El botón reinicia todos los controles a sus valores iniciales.
-
button: El botón no tiene comportamiento predeterminado. Puede haber scripts de la parte del cliente asociados a los eventos del elemento, que serán lanzados cuando el evento ocurra.
-
-
-
{{htmlattrdef("value")}}
-
El valor inicial del botón.
-
-
-
Ejemplos
-
-
Se crea un nuevo input tipo botón con el valor 'Click me'.
El elemento genérico {{HTMLElement("input")}} y la interface usada para manipularlo, {{domxref("HTMLInputElement")}}
-
El reemplazo en HTML5 para <input type="button">, el elemento <button>.
-
diff --git a/files/es/web/html/element/input/button/index.md b/files/es/web/html/element/input/button/index.md
new file mode 100644
index 00000000000000..579eddabb99b0d
--- /dev/null
+++ b/files/es/web/html/element/input/button/index.md
@@ -0,0 +1,193 @@
+---
+title:
+slug: Web/HTML/Element/input/button
+tags:
+ - Elemento
+ - Elemento Input
+ - HTML
+ - Referencia
+translation_of: Web/HTML/Element/input/button
+original_slug: Web/HTML/Elemento/input/Botón
+---
+{{HTMLRef}}
+
+El elemento HTML **``** es una versión específica del elemento **``**`,` que se usa para crear un botón en el que se puede hacer click sin ningún valor por defecto, es decir, **no tiene un comportamiento predeterminado** como por ejemplo **``** . En HTML5 ha sido sustituido por el elemento **[\
+```
+
+
+
+## Ejemplo 2: Enlace con imagen
+
+```html
+
+```
+
+## Especificaciones
+
+| Especificación | Estado | Comentario |
+| ---------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | ------------------------------------------- |
+| {{SpecName('Referrer Policy', '#referrer-policy-delivery-referrer-attribute', 'referrer attribute')}} | {{Spec2('Referrer Policy')}} | Añadida la política del atributo`referrer` |
+| {{SpecName('HTML WHATWG', 'embedded-content.html#the-img-element', '<img>')}} | {{Spec2('HTML WHATWG')}} | |
+| {{SpecName('HTML5 W3C', 'embedded-content-0.html#the-img-element', '<img>')}} | {{Spec2('HTML5 W3C')}} | |
+| {{SpecName('HTML4.01', 'struct/objects.html#h-13.2', '<img>')}} | {{Spec2('HTML4.01')}} | |
+
+## Compatibilidad con navegadores
+
+{{Compat("html.elements.img")}}
+
+## Ver también
+
+- {{HTMLElement("picture")}}, {{HTMLElement("object")}} and {{HTMLElement("embed")}} elements
diff --git a/files/es/web/html/element/index.html b/files/es/web/html/element/index.html
deleted file mode 100644
index d0c7ecd782d76e..00000000000000
--- a/files/es/web/html/element/index.html
+++ /dev/null
@@ -1,107 +0,0 @@
----
-title: Referencia de Elementos HTML
-slug: Web/HTML/Element
-tags:
- - Elemento
- - HTML
- - Referencia
- - Web
- - básico
-translation_of: Web/HTML/Element
-original_slug: Web/HTML/Elemento
----
-