Go to main content
Bypass navigation bar Referencia HTML Tags HTML Tutoriales HTML
Bypass language selection
Bypass location bar

Location: Inicio > Referencia HTML > Tipos en HTML

Bypass main content

Tipos en HTML

Un tipo en HTML (como en muchos otros lenguajes), define un conjunto de reglas que cada valor de ese tipo debe obedecer. Podemos decir en otras palabras que un valor de cierto tipo debe obedecer las reglas marcadas por ese tipo. Por ejemplo, podríamos definir un tipo llamado "dígito" y decir que cada valor de este tipo debe estar compuesto por un número del 0 al 9. en este caso, los número como el 49 no pertenecerían a este tipo, al igual que, entre otros, las letras.

Estas reglas son necesarias en HTML para establecer valores a los atributos. Todos los atributos de todos los elementos permiten valores para algún tipo de HTML.

Lista de tipos en HTML

A continuación se listan todos los tipos presentes en HTML. Encerrados entre paréntesis se encuentra la información acerca de la sensibilidad del tipo a mayúsculas/minúsculas, cuya referencia está el final de la página.

cdata (CS)

Los valores "cdata" se componen por una secuencia de caracteres del set de caracteres del documento, que puede incluir referencias de carateres.

character (CN)

Este tipo toma como valor cualquier carácter del juego de characteres. Los caracteres pueden ser especificados con una referencia de caracteres (por ejemplo, "&").

charset (CI)

Los valores posibles para el tipo "charset" con los nombres de codificaciones de caracteres (por ejemplo, "ISO 8859-1", "UTF-8" ó "EUC-JP").

color (CI)

Un colo "color" puede ser o bien un valor hexadecimal precedido por un símbolo numeral o uno de los siguientes dieciseis nombres de colores. Los nombres de color son insensibles a mayúsculas/minúsculas.

  • Black = "#000000"
  • Green = "#008000"
  • Silver = "#C0C0C0"
  • Lime = "#00FF00"
  • Gray = "#808080"
  • Olive = "#808000"
  • White = "#FFFFFF"
  • Yellow = "#FFFF00"
  • Maroon = "#800000"
  • Navy = "#000080"
  • Red = "#FF0000"
  • Blue = "#0000FF"
  • Purple = "#800080"
  • Teal = "#008080"
  • Fuchsia = "#FF00FF"
  • Aqua = "#00FFFF"

Los números hexadecimales se construyen con el formato (rojo, verde, azul). esto significa que los dos primeros caracteres describen el color rojo, los dos segundos el verde y los dos terceros el azul.

content-type (CI)

Los valores "content-type" pueden ser obtenidos de la lista de tipos MIME.

datetime (CS)

Un valor "datetime" se refiere a un punto en la línea de tiempo. El formato debe ser así: YYYY-MM-DDThh:mm:ssTZD, donde:

  • YYYY = año de cuatro dígitos (1998, 2011, etc.)
  • MM = mes de dos dígitos (01 = Enero, 02 = Febrero, etc.)
  • DD = día del mes de dos dígitos (01 a 31)
  • hh = hora de dos dígitos (00 a 23) (am/pm NO está permitido)
  • mm = minuto de dos dígitos (00 a 59)
  • ss = segundo de dos dígitos (00 a 59)
  • TZD = descriptor de zona de tiempo

El valor del descriptor de la zona de tiempo (TZD) debe ser uno de los siguientes:

  • Z = especifica al UTC (tiempo universal coordinado) y debe ir en mayúsculas.
  • +hh:mm = indica una hora local donde hh son las horas y mm los minutos delante del UTC.
  • -hh:mm = indica una hora local donde hh son las horas y mm los minutos detrás del UTC.

frame-target (CI)

El tipo "frame-target" es usado para los valores en el atributo "target" del elemento HTML a. Acepta cualquier valor textual que comience con una letra ([A-Z] ó [a-z]), con la excepción de los valores especiales listados a continuación.

  • _blank: abre el documento en una nueva ventana.
  • _self: abre el documento en el mismo marco.
  • _parent: abre el documento en el set de marcos padre del marco actual. Si no hay un set de marcos padre, se comporta igual que "_self".
  • _top: abre el documento en la misma ventana, rompiendo la estructura de marcos actual. Si no hay un set de marcos padre, se comporta igual que "_self".

idref (CS)

Un valor "idref" es una referencia a un ID definido en otros atributos.

langcode (CI)

El tipo "langcode" acepta valores que se refieren a un lenguaje de acuerd a la tabla de códigos de lenguaje.

length (CN)

El tipo "length" acepta dos tipos de valores: un número de píxeles (por ejemplo, "20") o un porcentaje del espacio disponible (por ejemplo, "50%").

link-types (CI)

Los valores pposibles para este atributo son:

  • Alternate: designa versiones alternativas para el documento actual. Usado junto con el atributo "lang", implica una versión traducida del documento. Usado junto con el atributo "media", implica una versión diseñada para un medio diferente (por ejemplo, una versión para impresora).
  • Stylesheet: una hoja de estilos externa. Es usada junto con el tipo alternate para permitir a los usuario elegir entre las hojas de estilo disponibles.
  • Start: el primero documento en una colección. Le dice a los motores de búsqueda qué documento se considera el punto de partida por el autor.
  • Next: el próximo documento en una secuencia lineal de documentos.
  • Prev: el documento anterior en una serie ordenada de documentos.
  • Contents: un documento que sirve como tabla de contenidos.
  • Index: un documento que provee un índice para el documento actual.
  • Glossary: un documento que sirve como glosario de términos para el documento actual.
  • Copyright: una declaración de derechos de copia para el documento actual.
  • Chapter: un capítulo dentro de una colección de documentos.
  • Section: una sección en una colección de documentos.
  • Subsection: uns subsección en una colección de documentos.
  • Appendix: un documento que sirve como apéndice en una colección de documentos.
  • Help: un documento que ofrece ayuda (más información, vínculos a otros recursos, etc.).
  • Bookmark: un marcador. Un marcador es un vínculo a una entrada clave dentro de un documento.

media-descriptor (CI)

Los valores posibles para el tipo "media-descriptor" son listados a continuación:

  • screen: pensado para pantallas de coputadoras no separadas en páginas.
  • tty: pensado para formatos que utilizan una grilla de caracteres de tamaño fijo, como máquinas de escribir, terminales, o dispositivos portables con capacidades de pantalla limitadas.
  • tv: pensado para dispositovos de tipo televisor (baja resolución, color, desplazamiento limitado).
  • projection: pensado para proyectores.
  • handheld: pensado para dispositivos de mano (pantallas pequeñas, monocromáticas, gráficos pixelados, ancho de banda limitado).
  • print: pensado para paginación, materiales opacos y para documentos vistos en pantalla como vista previa de impresión.
  • braille: pesado para dispositivos de lectura táctiles en sistema braile.
  • aural: pensado para sintetizadores de voz.
  • all: pensado para todos los dispositivos.

multi-length (CN)

Los valores de este tipo pueden ser "length" ó "relative length". Un "relative length" se comporta de manera exacta a los porcentajes pero sobre el espacio restante (no sobre todo el disponible). En otras palabras, el navegador primero asigna el espacio para todos los valores length y luego divide lo que resta entre los "relative length".

La notación para este valor es "i*", donde i es una entero. La suma de todos los valores "i" es equivalente al 100% (del espacio restante). Por ejemplo, si tenemos estas tres definiciones: "1*", "3*" y "4*", y un espacio de 80 píxeles, el primer valor tomará 10 píxeles, el segundo 30 y el tercero 40.

name or id (CS)

Un valor "name" debe comenzar con una letra ([A-Z] ó [a-z]) y puede ser seguido por letras, dígitos ([0-9]), guiones medios ("-"), guiones bajos ("_"), dos puntos (":"), y puntos (".").

number (CN)

Un valor "number" debe contener uno o más dígitos ([0-9]).

pixels (CN)

Los valores para el tipo "pixel" son enteros que representan el número de píxeles del espacio de trabajo (pantalla, papel).

style (CN)

La información de hojas de estilo es un tipo específico y no es evaluado por los navegadores como marcado HTML.

text (CS)

Este tipo acepta como valores cadenas de texto que se supone son legibles para seres humanos, y son mayormente utilizadas para ser mostradas al visitante en algún logar del navegador.

uri (CT)

Para saber como construir un valor para este tipo, ve a la referencia para definiciones de URI y URL. En general, estos valores son sensibles a mayúsculas/minúsculas, pero pueden existir URIs, o partes de ellas, donde esta sensibilidad no importa (como en los nombres de computadoras). De todos modos, identificar estos casos puede no ser tan fácil, por lo que la mejor opción es considerarlas como 100% sensibles a mayúsculas/minúsculas para evitar errores.

Referencia de sensibilidad a mayúsculas/minúsculas

Esta es la referencia de sensibilidad a mayúsculas/minúsculas de cada tipo. Te permitirá comprender cómo los navegadores leerán los valores que utilizas en cada atributo.

  • CS: El valor es sensible a mayúsculas/minúsculas. El navegador interpreta "a" y "A" como valores diferentes.
  • CI: El valor es insensible a mayúsculas/minúsculas. El navegador interpreta "a" y "A" como un mismo valor.
  • CN: El valor no está sujeto a cambios de sensibilidad (por ejemplo, un número).

Diseño y desarrollo: Latitud29.com

Vínculos y logos|Contacto|Más allá de HTML|Herramientas y recursos|Mapa del sitio|Webmaster|Dona