Elemento del

Si no sabes lo que es un elemento o cómo debes usarlo, te recomiendo leer el tutorial "Tags y atributos en HTML" que puedes encontrar en la sección de tutoriales HTML.

Descripción

El elemento del representa contenido que ha sido removido del documento. Este elemento, junto con el elemento ins, permite a los autores hacer públicos los cambios editoriales que se producen en el documento. Esto resulta útil cuando los lectores del documento pueden beneficiarse de conocer los cambios que han sido aplicados a éste para que llegue a su estado actual.

Los atributos cite y datetime pueden usarse para proveer información acerca de la actualización. Mientras que cite contiene el URI del recurso que provee una explicación acerca de la actualización, datetime puede aportar la fecha y hora en que los cambios se llevaron a cabo. Ten en cuenta que los contenidos de datetime deben acoplarse a los siguientes formatos.

Fechas

La sintaxis de una fecha está compuesta por:

  1. Una sintaxis válida de mes representando un año y un mes.
  2. Un signo menos o guión ("-").
  3. Un día de dos dígitos entre 1 y el número de días del mes y año previamente especificados.

Ejemplo

<time>2014-07-05</time>
<time>1920-12-31</time>

Fecha y hora globales

La sintaxis de una fecha y hora global está compuesta por:

  1. Una sintaxis válida de fecha representando año, mes y día.
  2. Una letra T mayúscula o un carácter de espacio (" ").
  3. Una sintaxis válida de hora representando la hora.
  4. Una sintaxis válida de zona horaria representando el desplazamiento de zona horaria.

Ejemplo

<time>2014-01-14 00:12-03:00</time>
<time>2014-05-16T20:12+00:30</time>
<time>2201-08-20 03:04:22.5-5:00</time>
<time>2000-04-01T02:00:00.00+4:00</time>

Para que una fecha y hora global sea una cadena de fecha y hora global normalizada a UTC, debe estar compuesta por:

  1. Una sintaxis válida de fecha representando año, mes y día, convertida a la zona horaria UTC.
  2. Una letra T mayúscula.
  3. Una sintaxis válida de hora representando la hora, convertida a la zona horaria UTC y en su variante más corta (por ejemplo, con la omisión del número de segundos cuando es cero).
  4. Una letra Z mayúscula.

Ejemplo

<time>2014-02-03T22:00Z</time>
<time>2010-01-01T00:00:00.001Z</time>
<time>2050-01-03T23:59Z</time>
<time>1980-12-23T00:05Z</time>

Para construir una fecha o una fecha y hora global, puedes necesitar algunos de los siguientes formatos:

Meses

La sintaxis de un mes está compuesta por:

  1. Un año mayor que cero, compuesto por, al menos, cuatro dígitos.
  2. Un signo menos o guión ("-").
  3. Un mes entre 1 y 12, compuesto de dos dígitos.

Ejemplo

<time>2014-07</time>
<time>0512-12</time>

Horas

La sintaxis de una hora está compuesta por:

  1. Dos dígitos representando una hora entre 0 y 23.
  2. Un carácter de dos puntos (":").
  3. Un minuto de dos dígitos entre 0 y 59.
  4. La siguiente información, que es opcional si el número de segundos es cero:
    1. Un carácter de dos puntos (":").
    2. Dos dígitos representando la parte entera de los segundos, entre 0 y 59.
    3. La siguiente información, que es opcional si el número de segundos es entero:
      1. Un punto (".").
      2. La parte fraccionaria de los segundos compuesta por uno, dos o tres dígitos.

Ejemplo

<time>23:59:59.999</time>
<time>10:20:00.000</time>
<time>10:20</time>
<time>10:20:00</time>

Zonas horarias

La sintaxis de una zona horaria está compuesta por:

  1. Un signo menos o guión ("-") si el desplazamiento es negativo, y un signo más ("-") en caso contrario.
  2. Dos dígitos representando una hora entre 0 y 23.
  3. Opcionalmente, un carácter de dos puntos (":").
  4. Un minuto de dos dígitos entre 0 y 59.

Ejemplo

<time>-12:00</time>
<time>+00:00</time>
<time>+00:30</time>
<time>-1100</time>

Este formato permite un rango de zonas horarias más amplio de los que actualmente se utiliza en la práctica. La razón de este exceso es mejorar la adaptabilidad a futuros cambios en las zonas horarias, Ya que éstos están sujetos a decisiones políticas.

El elemento del puede contener ambos tipos de contenido, flow (bloques de contenido habitualmente compuestos por uno o más elementos) o phrasing (pequeñas líneas de texto).

Ejemplos

El ejemplo siguiente, muestra un trozo de documento donde el autor ha marcado el texto removido con el elemento del para dejar en claro qué ha sido eliminado. Aquí, sólo contiene una línea de texto (phrasing).

<p>...si vas hacia arriba puedes recolectar 35 monedas, y si vas hacia abajo puedes recolectar una vida extra.<del> Pero ten cuidado, no puedes obtener las monedas y la vida extra al mismo timpo yendo hacia arriba y luego hacia abajo!</del></p>

...si vas hacia arriba puedes recolectar 35 monedas, y si vas hacia abajo puedes recolectar una vida extra. Pero ten cuidado, no puedes obtener las monedas y la vida extra al mismo timpo yendo hacia arriba y luego hacia abajo!

Ahora, otro documento con sus cambios visibles, esta vez, con la eliminación de un párrafo completo. Aquí, también son provistas la fecha y una explicación de la actualización en los atributos cite y datetime respectivamente. Recuerda que cite toma un URI como valor, y que los contenidos de datetime deben cumplir con los formatos de fechas y fecha y hora globales.

<p>...El cliente puede acceder a un servidor mediante SSH y FTP.</p>
<del cite="#removed-content-45" datetime="2010-12-11 16:00:41">
  <p>Para mejorar la compatibilidad con sistemas viejos, también puedes habilitar el protocolo telnet.</p>
</del>

...El cliente puede acceder a un servidor mediante SSH y FTP.

Para mejorar la compatibilidad con sistemas viejos, también puedes habilitar el protocolo telnet.

En el tercero y último ejemplo, los atributos del e ins se utilizan para marcar el reemplazo de un trozo de contenido por otro.

<p>El presidente electo debe contar con <del>más del 50% de los votos en la primera ronda</del><ins>al menos el 50% de los votos en la primera ronda</ins>.</p>

El presidente electo debe contar con más del 50% de los votos en la primera rondaal menos el 50% de los votos en la primera ronda.

Atributos

Atributos específicos

cite

El URI de un recurso que provee una explicación acerca de la actualización (¿por qué ha sido eliminado el contenido?, ¿como conclusión de qué debate?, ¿con el concenso de qué porcentaje de los participantes?, etc.)

Ejemplo

<p>...debe ser aprobado por cuatro representantes <del cite="el-por-que-de-las-actualizaciones.html#actualizacion5">senior</del>...</p>

...debe ser aprobado por cuatro representantes senior...

datetime

La fecha y hora en que el contenido ha sido removido. La información en este atributo debe cumplir con las regulaciones de fechas y fecha y hora globales.

Ejemplo

<p>...<del datetime="2008-05-08">No habrá tolerancia en este asunto!</del>...</p>

...No habrá tolerancia en este asunto!...

Atributos globales

Para más información acerca de los atributos globales refiérete a esta lista de atributos gloables en HTML5.

Eventos

Eventos globales

Para más información acerca de los eventos globales refiérete a esta lista de eventos globales en HTML5.