Ir directamente al contenido de esta página

codexexempla.org

Elementos de texto

Tabla de contenidos

  1. abbr
  2. acronym
  3. address
  4. b
  5. bdo
  6. big
  7. blockquote
  8. br
  9. cite
  10. code
  11. del
  12. dfn
  13. div
  14. em
  15. h1h6
  16. hr
  17. i
  18. ins
  19. kbd
  20. p
  21. pre
  22. q
  23. samp
  24. small
  25. span
  26. strong
  27. sub
  28. sup
  29. tt
  30. var

abbr

Descripción
Indica que un fragmento de texto es una abreviatura.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

acronym

Descripción
Indica que un fragmento de texto es un acrónimo.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

Discusión bizantina: ¿abbr o acronym?

Es sorprendente la cantidad de ingenio que sobre esta cuestión se derrocha en listas de correo y foros. Lejos de mi intención dar una solución definitiva, pero, como en el caso del sexo de los ángeles, hay que tomar partido, así que… elijo abbr:

  1. Si nos ponemos a analizar estrictamente el valor semántico de acronym, nos falta una etiqueta, puesto que en español distinguimos entre siglas —una abreviatura compuesta por las iniciales de una expresión compleja— y acrónimos —igual, pero se pronuncia como una palabra—. Así, UNESCO sería un acrónimo, pero VGA no. Sin embargo, el sentido más general de abbr puede englobar ambos.
  2. Parece ser que acronym desaparece en XHTML 2.0 (o al menos no aparece en la lista de elementos del borrador (inglés) del 26 de julio de 2006, que es la última en el momento en que escribo.

address

Descripción
Proporciona información sobre el autor del documento, por lo general al comienzo o al final de éste.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

b

Descripción
Indica que un fragmento de texto debe ser mostrado en negrita.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

bdo

Descripción
Indica un fragmento de texto que se lee en sentido contrario al del texto que lo rodea.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
Ninguno.

big

Descripción
Indica que el fragmento de texto debe presentarse en un cuerpo de fuente mayor al definido por defecto.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

blockquote

Descripción
Indica que un fragmento de texto es un bloque de cita.
Atributos
¿Vacío?
No.
Modelo de contenido
Puede contener cero o más encabezados, elementos de bloque y/o listas.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Notas
Por medio de su atributo cite se puede indicar el URL del recurso de donde se ha extraído la misma, siempre y cuando éste se tenga localizado o exista. Si se quiere indicar que se cita como fuente un recurso no digital, en su lugar es mejor emplear el elemento cite.

br

Descripción
Inserta un salto de línea en el contenido
Atributos
¿Vacío?
Sí.
Modelo de contenido
No aplicable.
Eventos
Ninguno.

cite

Descripción
Indica la fuente de una cita, y referencia a otro recurso.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

code

Descripción
Indica que el fragmento de texto es un código de programación.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

del

Descripción
Indica un contenido eliminado.
Atributos
¿Vacío?
No.
Modelo de contenido
Depende de su contexto:
Así, este código es correcto:

    <div>
        <del>
            <h1>Encabezado eliminado</h1>
            <p>Párrafo eliminado.</p>
        </del>
    </div>
                    
al igual que éste:

    <p>texto <del>texto <strong>eliminado</strong></del></p>
                    
pero no así el siguiente:

    <p>texto 
        <del>
            <div>texto eliminado</div>
        </del>
    </p>
                    
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

dfn

Descripción
Indica un término o expresión a definir.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

div

Descripción
Indica un bloque genérico dentro de un documento.
Atributos
¿Vacío?
No.
Modelo de contenido
Puede contener texto y/o cero o más encabezados, elementos de bloque, elementos de línea y listas.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

em

Descripción
Indica que el fragmento de texto está enfatizado.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

h1, h2, h3, h4, h5, h6

Descripción
Indica que el fragmento de texto es un encabezado, y el nivel jerárquico del mismo.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

hr

Descripción
Indica una división horizontal dentro del documento.
Atributos
¿Vacío?
Sí.
Modelo de contenido
No aplicable.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

i

Descripción
Indica que un fragmento de texto debe mostrarse en cursiva.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

Discusión bizantina: ¿em o i?

Existe cierta confusión —provocada por el hecho de que en la mayoría de los navegadores em se representa en cursiva— sobre si se debe emplear el primero de estos elementos, que es más «semántico», frente al segundo, que es «presentacional». Desde mi punto de vista, no me parece que se deba elegir entre ambos, porque el sentido de la primera sería marcar un énfasis, mientras que la segunda tiene sentido desde las convenciones ortotipográficas tradicionales. Según nuestra ortografía, el título de una obra o un término en un idioma extranjero deberían marcarse en cursiva, pero eso no significa que se esté enfatizando. Así, para estos elementos, su uso dependerá del contenido.

ins

Descripción
Indica un contenido añadido al contenido original.
Atributos
¿Vacío?
No.
Modelo de contenido
Depende de su contexto:
Así, este código es correcto:

    <div>
        <ins>
            <h1>Encabezado insertado</h1>
            <p>Párrafo insertado.</p>
        </ins>
    </div>
                    
al igual que éste:

<p>texto <ins>texto <strong>insertado</strong></ins></p>
                    
pero no así el siguiente:

    <p>texto 
        <ins>
            <div>texto insertado</div>
        </ins>
    </p>
                    
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

kbd

Descripción
Indica que el fragmento es un ejemplo de texto introducido por parte del usuario.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

p

Descripción
Indica que el fragmento de texto es un párrafo.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

pre

Descripción
Especifica que el texto marcado debe representarse preformateado, respetando sus tabulaciones, espacios en blanco y saltos de línea.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

q

Descripción
Indica una cita. Es la versión en línea de blockquote, y por lo general se reserva para citas cortas integradas en un párrafo.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

samp

Descripción
Indica un ejemplo de línea devuelta por una aplicación, script, etc.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

small

Descripción
Indica que el fragmento de texto debe presentarse en un cuerpo de fuente menor al definido por defecto.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

span

Descripción
Indica un elemento en línea genérico.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

strong

Descripción
Resalta el texto, por lo general se considera que es un enfatizado más intenso que el de em.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

Discusión bizantina: ¿b o strong?

Sólo se me ocurre un caso en el que tenga sentido emplear b en lugar de strong, y es para emular un logograma cuando se sustituye una imagen con el logo de un sitio por un texto al que se aplica formato; en este caso, la negrita sería un efecto estético y no un énfasis. Pero salvo esta excepción, mi elección sería strong.

sub

Descripción
Indica que el texto es un subíndice.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

sup

Descripción
Indica que el texto es un superíndice.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

tt

Descripción
Indica que el texto debe representarse como si se tratase de un teletipo.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

var

Descripción
Define el texto como una variable o argumento de programación.
Atributos
¿Vacío?
No.
Modelo de contenido
Texto y/o cualquier número de elementos en línea.
Eventos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

Contacto

En virtud de la Ley Orgánica 15/1999 de Protección de Datos de Carácter Personal le informo de que los datos que proporcione no serán empleados para otro fin que el de responder a su mensaje. En especial, me comprometo a no cederlos a terceros ni a emplearlos para enviar información no solicitada.

Del blog de Digital Icon