recursal/MDN huggingface dataset:
dfn
===

### Definición

Sirve para marcar el término que se quiere definir.

**Sus etiquetas son**: <dfn> y </dfn> (ambas obligatorias)

**Crea una caja**: en linea.

**Está definido como**: Elemento de frase.

**Puede contener**: cero o más elementos en linea

#### Atributos

| Atributo | valor | descripción |
| --- | --- | --- |
| Genéricos |
| `title` | texto | implícito | título consultivo del elemento. |
| `style` | reglas de estilo | implícito | información de estilo en línea. |
| `id` | ID | implícito | identificador único a nivel de documento. |
| `class` | CDATA | implícito | 
 identificador a nivel de documento, lista de clases separadas por
 espacios.
  |
| `dir` | (ltr|rtl) | implícito | dirección del texto débil/neutral |
| `lang` | código de idioma | implícito | información sobre el idioma |
| **Eventos**:
 `onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.` |
| Específicos |
| No tiene |
| De transición |
| No tiene |
| Atributo | valor | descripción |

### Ejemplos
```

<p>
     El <dfn>HTML</dfn> es un lenguaje de marcado para hipertextos.
</p>
```

### Comentarios
head
====

El **elemento HTML `<head>`** provee información general (metadatos) acerca del documento, incluyendo su título y enlaces a scripts y hojas de estilos.

| Categorías de contenido | Ninguna. |
| --- | --- |
| Contenido permitido | Si el elemento es un `srcdoc` de un `<iframe>` , o si la información de título está disponible desde un protocolo de nivel superior, cero o más elementos de metadatos. De otro modo, uno o más elementos de metadatos donde exactamente uno es `<title>`. |
| Omisión de etiqueta | La etiqueta de inicio puede ser omitida si lo primero dentro del elemento head es un elemento. La etiqueta de cierre puede ser omitida si lo primero después del elemento head no es un espacio o un comentario. |
| Elementos padre permitidos | Un elemento `<html>`, pues éste es su primer hijo. |
| Interfaz DOM | `HTMLHeadElement` |

Atributos
---------

Este elemento incluye los atributos globales.

`profile` 
Obsoleto

Los URIs de uno o más perfiles de metadatos, separados por un espacio en blanco.

Ejemplo
-------


```html
<html>
  <head>
    <title>Document title</title>
  </head>
</html>
```

Notas
-----

Navegadores modernos que cumplen con el estándar HTML5 construyen automáticamente un elemento `<head>` si las etiquetas son omitidas en el código. Este comportamiento no puede ser garantizado en navegadores antiguos.

Especificaciones
----------------

| Specification |
| --- |
| HTML Standard # the-head-element |

Compatibilidad con navegadores
------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Véase también
-------------

* Elementos que pueden ser usados dentro de un elemento `<head>`: `<title>`, `<base>`, `<link>`, `<style>`, `<meta>`, `<script>` (en-US), `<noscript>`
<data>
======

Resúmen
-------

El **Elemento HTML `<data>`** vincula un contenido dado con una traducción legible por una máquina. Si el contenido está relacionado con `time-` o `date-`, debe usarse el elemento `<time>`.

| Categorías de contenido (en-US) | Flow content (en-US), phrasing content (en-US), palpable content. |
| --- | --- |
| Contenido permitido | Phrasing content (en-US). |
| Omisión de etiqueta | None, both the starting and ending tag are mandatory. |
| Elementos permitidos | Any element that accepts phrasing content (en-US). |
| interfaz DOM | `HTMLDataElement` (en-US) |

Atributos
---------

Este elemento incluye Atributos globales (en-US)

`value`

This attribute specifies the machine-readable translation of the content of the element.

Ejemplo
-------

El siguiente ejemplo muestra nombres de productos pero también asocia a cada uno con su código UPC.


```html
<p>New Products</p>
<ul>
  <li><data value="3967381398">Mini Ketchup</data></li>
  <li><data value="3967381399">Jumbo Ketchup</data></li>
  <li><data value="3967381400">Mega Jumbo Ketchup</data></li>
</ul>
```

Especificaciones
----------------

| Specification |
| --- |
| HTML Standard # the-data-element |

Compatibilidad con navegadores
------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Ver también
-----------

* The HTML `<time>` element.
var
===

### Definición

Marca variables de programas y similares.

**Sus etiquetas son**: <var> y </var> (ambas obligatorias)

**Crea una caja**: en linea.

**Está definido como**: Elemento de frase.

**Puede contener**: cero o más elementosen linea

##### Atributos Genéricos

* title (título del elemento)
* style (información de estilo en línea)

**Identificadores**: id, class (identificadores a nivel de documento)

**Idioma**: lang (información sobre el idioma), dir (dirección del texto)

**Eventos**: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

##### Atributos Específicos - No tiene

##### Atributos Transicionales - No tiene

### Ejemplos
```

<p>
el bucle no se detendrá hasta que <var>Faltan</var> sea igual a 0.
</p>
```
dd
==

El **elemento HTML `<dd>`** provee detalles acerca de o la definición de un término precedente (`<dt>`) en una lista de descripciones (`<dl>`).

Pruébalo
--------

La fuente para este ejemplo interactivo esta almacenado en un repositorio GitHub. Si desea contribuir al poryecto de ejemplos interactivos, por favor clone https://github.com/mdn/interactive-examplesy envíe una petición de extracción (pull request).

|  |  |
| --- | --- |
| Categorías de contenido | Ninguna |
| Contenido permitido | Contenido de flujo |
| Omisión de Tag | 
 El tag inicial es requerido. El tag final puede ser omitido si el
 elemento `<dd>` se encuentra inmediatamente
 seguido por otro elemento `<dd>`, o si no hay más
 contenido en el elemento padre.
  |
| Padres permitidos | `<dl>` o (en
 WHATWG HTML) un
 `<div>` que se encuentra dentro de un
 `<dl>`.
  |
| Hermano previo | `<dt>` u otro elemento
 `<dd>`.
  |
| Roles ARIA permitidos | Ninguno |
| Interfaz DOM | `HTMLElement` |

Atributos
---------

Los atributos de este elemento incluye los atributos globales.

`nowrap` 
Non-standard

Si el valor de este atributo es definido como `yes`, el texto de la definición no se encapsulará. El valor por defecto es `no`.

Ejemplo
-------

Para un ejemplo, ver ejemplos <dl>.

Especificaciones
----------------

| Specification |
| --- |
| HTML Standard # the-dd-element |

Compatibilidad con navegadores
------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Ver también
-----------

* `<dl>`
* `<dt>`
<slot>
======

Baseline Widely available
-------------------------

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

* Learn more
* See full compatibility
* Report feedback
**El elemento HTML `<slot>`** —parte de la suite tecnologica Web Components — es un placeholder en un componente que tu puedes llenar con tu propio marcado, que te permite crear árboles DOM por separado y presentarlos juntos.

|  |  |
| --- | --- |
| Categorias de contenido | Contenido de flujo,
 contenido de fraseo |
| Contenido permitido | Transparente (en-US) |
| Eventos | [`slotchange`](/es/docs/Web/Reference/Events/slotchange) |
| Omisión de etiqueta | None, both the starting and ending tag are mandatory. |
| Parentes permitidos | 
 Cualquier elemento que acepte
 contenido de fraseo (en-US) |
| Rol ARIA implícito | No corresponding role |
| Roles ARIA Permitidos | No se permite `role` |
| Interfaz DOM | `HTMLSlotElement` (en-US) |

Atributos
---------

Este elemento incluye los atributos globales.

`name`

El nombre del slot.

Un **slot nombrado** es un elemento `<slot>` con el atributo `name`.

Ejemplos
--------


```html
<template id="element-details-template">
  <style>
 details {
 font-family: "Open Sans Light", Helvetica, Arial;
 }
 .name {
 font-weight: bold;
 color: #217ac0;
 font-size: 120%;
 }
 h4 {
 margin: 10px 0 -8px 0;
 }
 h4 span {
 background: #217ac0;
 padding: 2px 6px 2px 6px;
 }
 h4 span {
 border: 1px solid #cee9f9;
 border-radius: 4px;
 }
 h4 span {
 color: white;
 }
 .attributes {
 margin-left: 22px;
 font-size: 90%;
 }
 .attributes p {
 margin-left: 16px;
 font-style: italic;
 }
 </style>
  <details>
    <summary>
      <span>
        <code class="name"
 >&lt;<slot name="element-name">NEED NAME</slot>&gt;</code
 >
        <i class="desc"><slot name="description">NEED DESCRIPTION</slot></i>
      </span>
    </summary>
    <div class="attributes">
      <h4><span>Attributes</span></h4>
      <slot name="attributes"><p>None</p></slot>
    </div>
  </details>
  <hr />
</template>
```


**Nota:** Puedes ver este ejemplo en accion en element-details (velo running live). Además, puedes encontrar una explicación en Using templates and slots.

Especificaciones
----------------

| Specification |
| --- |
| HTML Standard # the-slot-element |
| DOM Standard # shadow-tree-slots |

Compatibilidad con navegadores
------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
header
======

El *elemento de HTML Header* (<header>) representa un grupo de ayudas introductorias o de navegación. Puede contener algunos elementos de encabezado, así como también un logo, un formulario de búsqueda, un nombre de autor y otros componentes.

**Nota:**

* El elemento `<header>` no es contenido de sección y, por lo tanto, no introduce una nueva sección en descripción.

### Contexto de uso

| Contenido permitido | Contenido dinámico, pero sin un <header> o `<footer>` descendente |
| --- | --- |
| Omisión de la etiqueta | No está permitido, tanto la etiqueta de inicio como la de final son obligatorias |
| Elementos padres permitidos | Cualquier elemento que acepte contenido dinámico. Ten en cuenta que un elemento `<header>` no debe ser descendiente de un elemento `<address>`, `<footer>` o cualquier otro elemento `<header>`. |
| Roles ARIA permitidos | `group` (en-US), `presentation` (en-US) |
| Interfaz DOM | `HTMLElement` |
| Documento normativo | HTML5, sección 4.4.8 |

### Atributos

Este elemento no tiene otros atributos que no sean los atributos generales, comunes a todos los elementos.

### Interfaz DOM

Este elemento implementa la interfaz `HTMLElement`.

### Mira también

* Otros elementos relacionados con secciones: `<body>`, `<nav>`, `<article>`, `<aside>`, `<h1>` (en-US), `<h2>` (en-US), `<h3>` (en-US), `<h4>` (en-US), `<h5>` (en-US), `<h6>` (en-US), `<hgroup>`, `<footer>`, `<section>`, `<address>`;
* Sections and outlines of an HTML5 document.
col
===

### Definición

Permite especificar propiedades para una columna o un grupo de ellas.

**Sus etiquetas son**: `<col>` (solo tiene una).

**Crea una caja**: No.

**Está definido como**: Elemento para tablas..

**Puede contener**: Nada.

#### Atributos

| atributo | descripción | valor | por omisión |
| --- | --- | --- | --- |
| Genéricos |
| title | 
 Texto informativo o título del elemento. Suele mostrarse a modo de "tool
 tip".
  | Texto legible. Sensible a
 M/m..
  | Lo fija el navegador. |
| id | 
 Le da un nombre al elemento que lo diferencia de todos los demás del
 documento.
  | 
 Un
 nombre único. Sensible a
 M/m. | Lo fija el navegador. |
| class | Asigna nombres de clases al elemento. Por defecto, clases CSS. | 
 Lista de clases separadas por espacio en blanco. Sensible a
 M/m.
cdata | Lo fija el navegador. |
| style | 
 Permite especificar
 información de estilo. Por defecto, estilos CSS.
  | Declaraciones de estilo. | Lo fija el navegador. |
| lang | 
 Información sobre el
 idioma del contenido
 del elemento y del valor de sus atributos.
  | 
 Un
 código de idioma.
  | 
 Lo fija el navegador. PD.:
 "desconocido".
  |
| dir | 
 Indica la
 dirección de texto
 y tablas.
  | 
 Uno de los siguientes: 'ltr' o
 'rtl'. | 
 Lo fija el navegador. PD.: En
 castellano 'ltr'.
  |
| **Eventos**:
 `onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.` |
| Específicos |
| span | Indica el número de columnas afectadas. | Un número. | PD.: 1. |
| width | Indica la anchura de las columnas. | Una longitud expresada en píxeles, porcentaje o relativa. | Lo fija el navegador. |
| align | Indica la alineación horizontal. | Uno de los siguientes: (left|center|right|justify|char). | Lo fija el navegador. |
| char | Carácter que se usará como punto de alineación. | 
 Un carácter, Uno de estos:
 [ISO10646].
  | Lo fija el navegador. |
| charoff | offset del carácter de alineación. | Una longitud expresada en píxeles o porcentaje. | Lo fija el navegador. |
| valign | Indica la alineación vertical de los contenidos de las celdas. | Uno de los siguientes: (top|middle|bottom|baseline). | Lo fija el navegador. |
| De transición |
| No tiene |
| atributo | descripción | valor | por omisión |

### Ejemplos de uso

#### bla bla
```


```
### Estilo predeterminado

### Notas

### Referencia

* El elemento **col** en la especificación de html 4.01
### Soporte

Puede consultar esta comparativa: IE6 vs IE7 vs FF1.5 vs OP9.

---

**Nota:** Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.

¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta MDC:Como ayudar.

Categoría

interwiki links

automatismos
li
==

### Definición

El elemento `li` del ingles *item list* o *elemento de lista* declara cada uno de los elementos de una lista.

**Sus etiquetas son**: <li> y </li> (la de cierre es opcional).

**Crea una caja**: en bloque.

**Está definido como**:

**Puede contener**: cero o más elementos en bloque o en en linea.

#### Atributos

| Genericos |
| --- |
| `title` | texto | implícito | título consultivo del elemento. |
| `style` | reglas de estilo | implícito | información de estilo en línea. |
| `id` | ID | implícito | identificador único a nivel de documento. |
| `class` | CDATA | implícito | 
 identificador a nivel de documento, lista de clases separadas por
 espacios.
  |
| `dir` | (ltr|rtl) | implícito | dirección del texto débil/neutral |
| `lang` | código de idioma | implícito | información sobre el idioma |
| **Eventos**:
 `onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.` |
| Específicos |
| No tiene |
| de transición |
| `type` | (disc|square|circle) (1|a|A|i|I) | implícito | estilo de numeración |
| `value` | 'un número' | implícito | reinicializar número de secuencia |

### Ejemplos

El siguiente código:
```

<ul>
 <li>punto uno</li>
 <li>punto dos</li>
 <li>punto tres</li>
</ul>
```


Se visualiza así:

* punto uno
* punto dos
* punto tres
### Comentarios
hgroup
======

Resumen
-------

El *elemento de grupo de cabeceras HTML* (<hgroup>) representa el encabezado de una sección. Define un solo título que participa de la estructura del documento como el encabezado de la sección implícita o explícita a la que pertenece.

Su *text* o para el algoritmo de estructura es el texto del primer elemento de encabezado HTML de más alto rango (ip.ej., el primer `<h1>` (en-US), `<h2>` (en-US), `<h3>` (en-US), `<h4>` (en-US), `<h5>` (en-US) o `<h6>` (en-US) con el número más pequeño entre sus descendientes) y el *rango* es el rango del mismo elemento de encabezado HTML.

Por tanto, este elemento agrupa varios encabezados, pero solo el primero contribuye a la estructura del documento. Permite asociar títulos secundarios, como subencabezados, títulos alternativos, e incluso lemas, con el encabezado principal, sin contaminar la estructura del documento.

Este elemento se fue removido de la especificacion HTML5 (W3C), por favor no usar mas.

### Contexto de uso

| Contenido permitido | Cero o más elementos HTML de encabezado (`<h1>` (en-US), `<h2>` (en-US), `<h3>` (en-US), `<h4>` (en-US), `<h5>` (en-US), `<h6>` (en-US)) |
| --- | --- |
| Omisión de etiqueta | Ninguna, ambas, la etiqueta de inicio y fin son obligatorias |
| Elementos padre permitidos | Cualquier elemento que acepte flujo de contenido. |
| Documento nomativo | HTML5, section 4.4.7 |

### Atributos

Este elemento no tiene más atributos que los atributos globales, común a todos los elementos.

Notas de uso
------------

**Nota:** Si bien el elemento `<hgroup>` se eliminó de la especificación HTML5 (W3C), todavía se mantiene en la versión WHATWG de HTML. De todos modos, está parcialmente implementado en la mayoría de los navegadores, por lo que es improbable que desaparezca.
 Sin embargo, dado que el propósito principal del elemento `<hgroup>` es afectar cómo el algoritmo de generación de esquemas de documento (en-US) muestra los encabezados, pero **dicho algoritmo no ha sido implementado por ningún navegador**, la semántica de `<hgroup>` es por el momento solo teórica.
 La especificación HTML5 (W3C) aconseja entonces cómo maquetar subtítulos, títulos alternativos y lemas sin utilizar `<hgroup>`.


### Interfaz DOM

Este elemento implementa la interfaz `HTMLElement`.

### Ejemplos


```html
<hgroup>
  <h1>Main title</h1>
  <h2>Secondary title</h2>
</hgroup>
```

Especificaciones
----------------

| Specification |
| --- |
| HTML Standard # the-hgroup-element |

Compatibilidad con navegadores
------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
sub
===

El **elemento HTML** <sub> define un fragmento de texto que se debe mostrar, por razones tipográficas, más bajo, y generalmente más pequeño, que el tramo principal del texto, es decir, en subíndice.

| Categorías de contenido (en-US) | Contenido dinamíco(Flow content) y contenido estático o de texto(phrasing content) |
| --- | --- |
| Contenido permitido | contenido estático o de texto |
| Omission de etiquetas | Ninguna, tanto la etiqueta de apertura y cierre deben estar presentes |
| Elementos padres permitidos | Cualquier elemento que acepte contenido estático o de texto |
| Roles ARIA permitidos | Cualquiera |
| Interfaz DOM | `HTMLElement` |

Atributos
---------

Este elemento sólo incluye los atributos globales (en-US).

Notas de uso
------------

* Este elemento debe ser utilizado sólo por razones tipográficas, es decir, cambiar la posición del texto cambia su significado como en matemática (por ejemplo la fórmula matemática *t2*, aunque se debe considerar el uso de MathML) o fórmulas químicas (por ejemplo `H2O`).
* Este elemento no debe ser utilizado para propósitos meramente visuales, como el estilo del logo del software LaTeX ![](https://upload.wikimedia.org/wikipedia/commons/thumb/9/92/LaTeX_logo.svg/1200px-LaTeX_logo.svg.png). En ese caso debe usarse la propiedad de CSS `vertical-align` para lograr el mismo efecto.
Ejemplo
-------


```html
<p>La fórmula química de agua: H<sub>2</sub>O</p>
```

Especificaciones
----------------

| Specification |
| --- |
| HTML Standard # the-sub-and-sup-elements |

Compatibilidad con navegadores
------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Ver también
-----------

* El elemento HTML <sup> produce superíndice. Tenga en cuenta que no puedes usar <sup> y <sub> ambos al mismo tiempo y necesita usar MathML para producir un superíndice y un subíndice al lado del símbolo químico de un elemento, que representa su número atómico y su número nuclear.

 ![](https://upload.wikimedia.org/wikipedia/commons/thumb/d/db/Element_identity.png/220px-Element_identity.png)
* Los elementos MathML`<msub>` (en-US), `<msup>` (en-US), y `<msubsup>` (en-US) .
code
====

### Definición

Es el apropiado para marcar el código de un programa.

**Sus etiquetas son**: <code> y </code> (ambas obligatorias)

**Crea una caja**: en linea.

**Está definido como**: Elemento de frase.

**Puede contener**: en linea

#### Atributos

| Atributo | valor | descripción |
| --- | --- | --- |
| Genéricos |
| `title` | texto | implícito | título consultivo del elemento. |
| `style` | reglas de estilo | implícito | información de estilo en línea. |
| `id` | ID | implícito | identificador único a nivel de documento. |
| `class` | CDATA | implícito | lista de clases separadas por espacios. |
| `dir` | (ltr|rtl) | implícito | dirección del texto débil/neutral |
| `lang` | código de idioma | implícito | información sobre el idioma |
| **Eventos**:
 `onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.` |
| Específicos |
| No tiene |
| De transición |
| No tiene |
| Atributo | valor | descripción |

### Ejemplos
```

<code>
 #include main() { for(;;) { printf ("Hello World!\n"); } }
</code>
```
ol
==

### Definición

El elemento `ol` permite definir listas o viñetas ordenadas ("Ordered List"), bien con numeración o alfabéticamente.

**Sus etiquetas son**: <ol> y </ol> (ambas obligatorias).

**Crea una caja**: en bloque.

**Está definido como**: Elemento de lista.

**Puede contener**: uno o más elementos li

#### Atributos

| Genericos |
| --- |
| Atributo | valor | descripción |
| `title` |  |  | título del elemento |
| `style` |  |  | información de estilo en línea |
| `id` |  |  | identificador a nivel de documento |
| `class` |  |  | identificador a nivel de documento |
| `dir` |  |  | dirección del texto |
| `lang` |  |  | información sobre el idioma |
| **Eventos**:
 `onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.` |
| Específicos |
| No tiene |
| de transición |
| `type` | (1|a|A|i|I) | implícito | estilo de numeración |
| `compact` | compact | implícito | espacio entre objetos reducido |
| `start` | 'un número' | implícito | número inicial de la secuencia |

### Ejemplos

El siguiente código:
```

<ol>
 <li>punto uno</li>
 <li>punto dos</li>
 <li>punto tres</li>
</ol>
```


Se visualiza así:

1. punto uno
2. punto dos
3. punto tres
### Comentarios
tt
==

### Definición

Muestra el texto marcado con una fuente de ancho fijo.

**Sus etiquetas son**: <tt> y </tt> (Ambas obligatorias)

**Crea una caja**: en linea.

**Está definido como**: Elemento de estilo de fuente.

**Puede contener**: cero o más elementos en linea

##### Atributos Genéricos

* title (título del elemento)
* style (información de estilo en línea)

**Identificadores**: id, class (identificadores a nivel de documento)

**Idioma**: lang (información sobre el idioma), dir (dirección del texto)

**Eventos**: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

##### Atributos Específicos - No tiene

##### Atributos Transicionales - No tiene

### Ejemplos
```

  <p>
       Texto normal y... <tt>Texto con formato teletipo</tt>
  </p>
```

### Comentarios

de momento no funciona