Tachar texto en HTML: Etiquetas ‘del’ e ‘ins’
Lo hemos visto muchas veces en blogs, textos que se rectifican manteniendo el antiguo con un tachado por encima. Esto a priori es sencillo de hacer, basta con incluir las etiquetas <s> o <strike>, pero ¿es correcto?. Estas dos etiquetas están despreciadas para HTML 4.0 y no están soportadas para XHTML 1.0 Strict, por lo cual tan solo se pueden utilizar si has escogido el DTD XHTML 1.0 Transitional. Existe una solución mejor: las etiquetas <del> e <ins>.
Tipos de etiquetas
Etiqueta <del>
- Esta etiqueta la utilizaremos para indicar el texto que queremos actualizar (o corregir).
- Dentro de ella no podemos incluir ninguna etiqueta que sea de bloque (div, p, …).
- Debe utilizarse conjuntamente con la etiqueta <ins>.
Etiqueta <ins>
- Esta etiqueta la utilizaremos para indicar el texto que acabamos de insertar y que corrige el texto anterior marcado con <del>.
- Dentro de ella no podemos incluir ninguna etiqueta que sea de bloque (div, p, …).
- Debe utilizarse conjuntamente con la etiqueta <del>.
Uso de las etiquetas
El texto que deseamos actualizar -bien por un error, bien porque se ha quedado obsoleto- estará encerrado entre las etiquetas <del> y </del>, seguido a continuación por el nuevo texto encerrado entre las etiquetas <ins> y </ins>.
Recordamos que para ámbas etiquetas, dentro de las mismas debe haber contenido en línea, dejando fuera las etiquetas de bloque.
Atributos de las etiquetas
A parte de los atributos ya conocidos que puedan llevar como id, class, title recalcaría los dos siguientes que son opcionales y aplicarían a ambas etiquetas.
- cite: Especifica la URL en la que se explica el motivo por el que se ha borrado ese texto (o insertado/cambiado) según sea <del> o <ins> respectivamente.
- datetime: Especifica la fecha y hora en formato YYYY-MM-DDThh:mm:ssTZD en la que se ha borrado (o insertado/cambiado) el texto según sea <del> o <ins> respectivamente.
Explicación del formato de hora
El formato YYYY-MM-DDThh:mm:ssTZD se forma con:
- YYYY
- Año en 4 dígitos
- MM
- Mes en 2 dígitos
- DD
- Día en 2 dígitos
- hh
- Hora en 2 dígitos (De 00 a 23. No se permite horas en AM o PM)
- mm
- Minutos en 2 dígitos
- ss
- Segundos en 2 dígitos
- TZD
- Time Zone Designator. Debe llevar uno de los siguientes valores:
- Z
- Indica que la fecha está en UTC y debe estar en mayúsculas.
- +hh:mm
- Indica una hora local que está hh horas y mm minutos por delante de la UTC.
- -hh:mm
- Indica una hora local que está hh horas y mm minutos por detrás de la UTC.
Ejemplo de uso
En un <del cite="http://www.tusitio.com/correcciones.html" datetime="2009-08-02T10:16:00+02:00">sitio</del> <ins cite="http://www.tusitio.com/correcciones.html" datetime="2009-08-02T10:16:00+02:00">lugar</ins> de La Mancha, de cuyo nombre no quiero acordarme...
Artículos relacionados
Comparte este artículo
Licencia de los contenidos
Esta obra está protegida por una Licencia Atribución-SinDerivadas de Creative Commons.