HTML tipado
Una capa tipada sobre los elementos HTML sin procesar.
El módulo html ofrece una capa tipada sobre la función html.elem sin procesar que te permite crear elementos HTML cómodamente. Los atributos HTML se exponen como parámetros de función que aceptan tipos de Typst y se encargan automáticamente de convertirlos al HTML apropiado.
Algunos parámetros son comunes a todas las funciones de HTML tipado. Por legibilidad, se enumeran al final, en la sección Atributos globales, en lugar de hacerlo explícitamente en cada elemento.
Ejemplo
#html.video(
controls: true,
width: 1280,
height: 720,
src: "sunrise.mp4",
)[
Your browser does not support the video tag.
]Funciones
aDesde: 0.14.0Requiere la característica html
Hipervínculo.
download
Indica si se debe descargar el recurso en lugar de navegar hacia él y, en ese caso, con qué nombre de archivo.
href
Dirección del hipervínculo.
hreflang
Idioma del recurso enlazado.
ping
URL a las que se hace ping.
referrerpolicy
Política de referrer para las solicitudes que inicia el elemento.
| Variante | Detalles |
|---|---|
"no-referrer" | |
"no-referrer-when-downgrade" | |
"same-origin" | |
"origin" | |
"strict-origin" | |
"origin-when-cross-origin" | |
"strict-origin-when-cross-origin" | |
"unsafe-url" |
rel
Relación entre la ubicación del documento que contiene el hipervínculo y el recurso de destino.
Ver opciones
| Variante | Detalles |
|---|---|
"alternate" | |
"canonical" | |
"author" | |
"bookmark" | |
"dns-prefetch" | |
"expect" | |
"external" | |
"help" | |
"icon" | |
"manifest" | |
"modulepreload" | |
"license" | |
"next" | |
"nofollow" | |
"noopener" | |
"noreferrer" | |
"opener" | |
"pingback" | |
"preconnect" | |
"prefetch" | |
"preload" | |
"prev" | |
"privacy-policy" | |
"search" | |
"stylesheet" | |
"tag" | |
"terms-of-service" |
target
Navegable para la navegación por hipervínculos.
| Variante | Detalles |
|---|---|
"_blank" | |
"_self" | |
"_parent" | |
"_top" |
type
Pista del tipo del recurso referenciado.
body
El contenido del elemento HTML.
abbrDesde: 0.14.0Requiere la característica html
Abreviatura.
body
El contenido del elemento HTML.
addressDesde: 0.14.0Requiere la característica html
Información de contacto de una página o de un elemento article.
body
El contenido del elemento HTML.
areaDesde: 0.14.0Requiere la característica html
Hipervínculo o área muerta de un mapa de imagen.
alt
Texto de reemplazo para cuando las imágenes no están disponibles.
coords
Coordenadas de la forma que se creará en un mapa de imagen. Espera un array de números de punto flotante.
download
Indica si se debe descargar el recurso en lugar de navegar hacia él y, en ese caso, con qué nombre de archivo.
href
Dirección del hipervínculo.
ping
URL a las que se hace ping.
referrerpolicy
Política de referrer para las solicitudes que inicia el elemento.
| Variante | Detalles |
|---|---|
"no-referrer" | |
"no-referrer-when-downgrade" | |
"same-origin" | |
"origin" | |
"strict-origin" | |
"origin-when-cross-origin" | |
"strict-origin-when-cross-origin" | |
"unsafe-url" |
rel
Relación entre la ubicación del documento que contiene el hipervínculo y el recurso de destino.
Ver opciones
| Variante | Detalles |
|---|---|
"alternate" | |
"canonical" | |
"author" | |
"bookmark" | |
"dns-prefetch" | |
"expect" | |
"external" | |
"help" | |
"icon" | |
"manifest" | |
"modulepreload" | |
"license" | |
"next" | |
"nofollow" | |
"noopener" | |
"noreferrer" | |
"opener" | |
"pingback" | |
"preconnect" | |
"prefetch" | |
"preload" | |
"prev" | |
"privacy-policy" | |
"search" | |
"stylesheet" | |
"tag" | |
"terms-of-service" |
shape
El tipo de forma que se creará en un mapa de imagen.
| Variante | Detalles |
|---|---|
"circle" | |
"default" | |
"poly" | |
"rect" |
target
Navegable para la navegación por hipervínculos.
| Variante | Detalles |
|---|---|
"_blank" | |
"_self" | |
"_parent" | |
"_top" |
articleDesde: 0.14.0Requiere la característica html
Composición autocontenida, sindicable o reutilizable.
body
El contenido del elemento HTML.
asideDesde: 0.14.0Requiere la característica html
Barra lateral para contenido relacionado de forma tangencial.
body
El contenido del elemento HTML.
audioDesde: 0.14.0Requiere la característica html
Reproductor de audio.
autoplay
Indica que el recurso multimedia puede iniciarse automáticamente al cargar la página.
controls
Muestra los controles del agente de usuario.
crossorigin
Cómo maneja el elemento las solicitudes crossorigin.
| Variante | Detalles |
|---|---|
"anonymous" | |
"use-credentials" |
loop
Indica si se repite en bucle el recurso multimedia.
muted
Indica si se silencia el recurso multimedia de forma predeterminada.
preload
Sugiere cuánta memoria intermedia necesitará probablemente el recurso multimedia.
| Variante | Detalles |
|---|---|
"metadata" |
src
Dirección del recurso.
body
El contenido del elemento HTML.
bDesde: 0.14.0Requiere la característica html
Palabras clave.
body
El contenido del elemento HTML.
baseDesde: 0.14.0Requiere la característica html
URL base y navegable de destino predeterminado para hipervínculos y formularios.
href
URL base del documento.
target
Navegable predeterminado para la navegación por hipervínculos y el envío de formularios.
| Variante | Detalles |
|---|---|
"_blank" | |
"_self" | |
"_parent" | |
"_top" |
bdiDesde: 0.14.0Requiere la característica html
Aislamiento de la direccionalidad del texto.
body
El contenido del elemento HTML.
bdoDesde: 0.14.0Requiere la característica html
Formato de direccionalidad del texto.
body
El contenido del elemento HTML.
blockquoteDesde: 0.14.0Requiere la característica html
Una sección citada de otra fuente.
cite
Enlace a la fuente de la cita o a más información sobre la edición.
body
El contenido del elemento HTML.
bodyDesde: 0.14.0Requiere la característica html
Cuerpo del documento.
body
El contenido del elemento HTML.
brDesde: 0.14.0Requiere la característica html
Salto de línea, p. ej., en un poema o en una dirección postal.
buttonDesde: 0.14.0Requiere la característica html
Control de botón.
command
Indica al elemento de destino qué acción realizar.
| Variante | Detalles |
|---|---|
"toggle-popover" | |
"show-popover" | |
"hide-popover" | |
"close" | |
"request-close" | |
"show-modal" |
commandfor
Apunta a otro elemento para invocarlo.
disabled
Indica si el control de formulario está deshabilitado.
form
Asocia el elemento con un elemento de formulario.
formaction
URL que se usa para enviar el formulario.
formenctype
Tipo de codificación de la lista de entradas que se usa al enviar el formulario.
| Variante | Detalles |
|---|---|
"application/x-www-form-urlencoded" | |
"multipart/form-data" | |
"text/plain" |
formmethod
Variante que se usa para enviar el formulario.
| Variante | Detalles |
|---|---|
"GET" | |
"POST" | |
"dialog" |
formnovalidate
Omite la validación de los controles del formulario al enviarlo.
formtarget
Navegable para el envío de formularios.
| Variante | Detalles |
|---|---|
"_blank" | |
"_self" | |
"_parent" | |
"_top" |
name
Nombre del elemento que se usa para enviar el formulario y en la API form.elements.
popovertarget
Apunta a un elemento popover para alternarlo, mostrarlo u ocultarlo.
popovertargetaction
Indica si un elemento popover de destino se debe alternar, mostrar u ocultar.
| Variante | Detalles |
|---|---|
"toggle" | |
"show" | |
"hide" |
type
Tipo de botón.
| Variante | Detalles |
|---|---|
"submit" | |
"reset" | |
"button" |
value
Valor que se usa para enviar el formulario.
body
El contenido del elemento HTML.
canvasDesde: 0.14.0Requiere la característica html
Lienzo de mapa de bits programable.
height
Dimensión vertical.
width
Dimensión horizontal.
body
El contenido del elemento HTML.
captionDesde: 0.14.0Requiere la característica html
Epígrafe de tabla.
body
El contenido del elemento HTML.
citeDesde: 0.14.0Requiere la característica html
Título de una obra.
body
El contenido del elemento HTML.
codeDesde: 0.14.0Requiere la característica html
Código de computadora.
body
El contenido del elemento HTML.
colDesde: 0.14.0Requiere la característica html
Columna de tabla.
span
Cantidad de columnas que abarca el elemento.
colgroupDesde: 0.14.0Requiere la característica html
Grupo de columnas de una tabla.
span
Cantidad de columnas que abarca el elemento.
body
El contenido del elemento HTML.
dataDesde: 0.14.0Requiere la característica html
Equivalente legible por máquinas.
value
Valor legible por máquinas.
body
El contenido del elemento HTML.
datalistDesde: 0.14.0Requiere la característica html
Contenedor de las opciones de un control de lista combinada (combo box).
body
El contenido del elemento HTML.
ddDesde: 0.14.0Requiere la característica html
Contenido de los elementos dt correspondientes.
body
El contenido del elemento HTML.
delDesde: 0.14.0Requiere la característica html
Una eliminación del documento.
cite
Enlace a la fuente de la cita o a más información sobre la edición.
datetime
Fecha y (opcionalmente) hora del cambio.
body
El contenido del elemento HTML.
detailsDesde: 0.14.0Requiere la característica html
Control de divulgación para ocultar detalles.
name
Nombre de un grupo de elementos details mutuamente excluyentes.
open
Indica si los detalles son visibles.
body
El contenido del elemento HTML.
dfnDesde: 0.14.0Requiere la característica html
Instancia que se define.
body
El contenido del elemento HTML.
dialogDesde: 0.14.0Requiere la característica html
Cuadro de diálogo o ventana.
open
Indica si el cuadro de diálogo se está mostrando.
body
El contenido del elemento HTML.
divDesde: 0.14.0Requiere la característica html
Contenedor de flujo genérico, o contenedor de grupos de nombre y valor en elementos dl.
body
El contenido del elemento HTML.
dlDesde: 0.14.0Requiere la característica html
Lista de asociación formada por cero o más grupos de nombre y valor.
body
El contenido del elemento HTML.
dtDesde: 0.14.0Requiere la característica html
Leyenda de los elementos dd correspondientes.
body
El contenido del elemento HTML.
emDesde: 0.14.0Requiere la característica html
Énfasis de acento.
body
El contenido del elemento HTML.
embedDesde: 0.14.0Requiere la característica html
Plugin.
height
Dimensión vertical.
src
Dirección del recurso.
type
Tipo de recurso incrustado.
width
Dimensión horizontal.
fieldsetDesde: 0.14.0Requiere la característica html
Grupo de controles de formulario.
disabled
Indica si los controles de formulario descendientes, salvo los que están dentro de una legend, están deshabilitados.
form
Asocia el elemento con un elemento de formulario.
name
Nombre del elemento que se usa para enviar el formulario y en la API form.elements.
body
El contenido del elemento HTML.
figcaptionDesde: 0.14.0Requiere la característica html
Epígrafe de una figura.
body
El contenido del elemento HTML.
figureDesde: 0.14.0Requiere la característica html
Figura con epígrafe opcional.
body
El contenido del elemento HTML.
footerDesde: 0.14.0Requiere la característica html
Pie de una página o sección.
body
El contenido del elemento HTML.
formDesde: 0.14.0Requiere la característica html
Formulario que el usuario puede enviar.
accept-charset
Codificaciones de caracteres que se usan al enviar el formulario.
| Variante | Detalles |
|---|---|
"utf-8" |
action
URL que se usa para enviar el formulario.
autocomplete
Configuración predeterminada de la función de autocompletado para los controles del formulario.
enctype
Tipo de codificación de la lista de entradas que se usa al enviar el formulario.
| Variante | Detalles |
|---|---|
"application/x-www-form-urlencoded" | |
"multipart/form-data" | |
"text/plain" |
method
Variante que se usa para enviar el formulario.
| Variante | Detalles |
|---|---|
"GET" | |
"POST" | |
"dialog" |
name
Nombre del formulario que se usa en la API document.forms.
novalidate
Omite la validación de los controles del formulario al enviarlo.
rel
Relación entre el documento que contiene el formulario y el destino de su acción.
Ver opciones
| Variante | Detalles |
|---|---|
"alternate" | |
"canonical" | |
"author" | |
"bookmark" | |
"dns-prefetch" | |
"expect" | |
"external" | |
"help" | |
"icon" | |
"manifest" | |
"modulepreload" | |
"license" | |
"next" | |
"nofollow" | |
"noopener" | |
"noreferrer" | |
"opener" | |
"pingback" | |
"preconnect" | |
"prefetch" | |
"preload" | |
"prev" | |
"privacy-policy" | |
"search" | |
"stylesheet" | |
"tag" | |
"terms-of-service" |
target
Navegable para el envío de formularios.
| Variante | Detalles |
|---|---|
"_blank" | |
"_self" | |
"_parent" | |
"_top" |
body
El contenido del elemento HTML.
h1Desde: 0.14.0Requiere la característica html
Título.
body
El contenido del elemento HTML.
h2Desde: 0.14.0Requiere la característica html
Título.
body
El contenido del elemento HTML.
h3Desde: 0.14.0Requiere la característica html
Título.
body
El contenido del elemento HTML.
h4Desde: 0.14.0Requiere la característica html
Título.
body
El contenido del elemento HTML.
h5Desde: 0.14.0Requiere la característica html
Título.
body
El contenido del elemento HTML.
h6Desde: 0.14.0Requiere la característica html
Título.
body
El contenido del elemento HTML.
headDesde: 0.14.0Requiere la característica html
Contenedor de los metadatos del documento.
body
El contenido del elemento HTML.
headerDesde: 0.14.0Requiere la característica html
Ayudas introductorias o de navegación para una página o sección.
body
El contenido del elemento HTML.
hgroupDesde: 0.14.0Requiere la característica html
Contenedor de encabezado.
body
El contenido del elemento HTML.
hrDesde: 0.14.0Requiere la característica html
Corte temático.
htmlDesde: 0.14.0Requiere la característica html
Elemento raíz.
body
El contenido del elemento HTML.
iDesde: 0.14.0Requiere la característica html
Voz alternativa.
body
El contenido del elemento HTML.
iframeDesde: 0.14.0Requiere la característica html
Navegable hijo.
allow
Política de permisos que se aplica al contenido del iframe.
allowfullscreen
Indica si se permite que el contenido del iframe use requestFullscreen().
height
Dimensión vertical.
loading
Se usa para determinar el diferimiento de la carga.
| Variante | Detalles |
|---|---|
"lazy" | |
"eager" |
name
Nombre del navegable de contenido.
| Variante | Detalles |
|---|---|
"_blank" | |
"_self" | |
"_parent" | |
"_top" |
referrerpolicy
Política de referrer para las solicitudes que inicia el elemento.
| Variante | Detalles |
|---|---|
"no-referrer" | |
"no-referrer-when-downgrade" | |
"same-origin" | |
"origin" | |
"strict-origin" | |
"origin-when-cross-origin" | |
"strict-origin-when-cross-origin" | |
"unsafe-url" |
sandbox
Reglas de seguridad para el contenido anidado.
Ver opciones
| Variante | Detalles |
|---|---|
"allow-downloads" | |
"allow-forms" | |
"allow-modals" | |
"allow-orientation-lock" | |
"allow-pointer-lock" | |
"allow-popups" | |
"allow-popups-to-escape-sandbox" | |
"allow-presentation" | |
"allow-same-origin" | |
"allow-scripts" | |
"allow-top-navigation" | |
"allow-top-navigation-by-user-activation" | |
"allow-top-navigation-to-custom-protocols" |
src
Dirección del recurso.
srcdoc
Un documento para renderizar en el iframe.
width
Dimensión horizontal.
body
El contenido del elemento HTML.
imgDesde: 0.14.0Requiere la característica html
Imagen.
alt
Texto de reemplazo para cuando las imágenes no están disponibles.
crossorigin
Cómo maneja el elemento las solicitudes crossorigin.
| Variante | Detalles |
|---|---|
"anonymous" | |
"use-credentials" |
decoding
Sugerencia de decodificación que se usa al procesar esta imagen para su presentación.
| Variante | Detalles |
|---|---|
"sync" | |
"async" |
fetchpriority
Establece la prioridad de las solicitudes que inicia el elemento.
| Variante | Detalles |
|---|---|
"high" | |
"low" |
height
Dimensión vertical.
ismap
Indica si la imagen es un mapa de imagen del lado del servidor.
loading
Se usa para determinar el diferimiento de la carga.
| Variante | Detalles |
|---|---|
"lazy" | |
"eager" |
referrerpolicy
Política de referrer para las solicitudes que inicia el elemento.
| Variante | Detalles |
|---|---|
"no-referrer" | |
"no-referrer-when-downgrade" | |
"same-origin" | |
"origin" | |
"strict-origin" | |
"origin-when-cross-origin" | |
"strict-origin-when-cross-origin" | |
"unsafe-url" |
sizes
Tamaños de imagen para distintos diseños de página. Espera un array de diccionarios con las claves condition (cadena de texto) y size (longitud).
src
Dirección del recurso.
srcset
Imágenes para usar en distintas situaciones, p. ej., pantallas de alta resolución, monitores chicos, etc. Espera un array de diccionarios con las claves src (cadena de texto) y width (entero) o density (flotante).
usemap
Nombre del mapa de imagen que se usa.
width
Dimensión horizontal.
inputDesde: 0.14.0Requiere la característica html
Control de formulario.
accept
Pista del tipo de archivo esperado en controles de carga de archivos.
alpha
Permite establecer el componente alfa del color.
alt
Texto de reemplazo para cuando las imágenes no están disponibles.
autocomplete
Pista para la función de autocompletado de formularios.
Ver opciones
| Variante | Detalles |
|---|---|
"shipping" | |
"billing" | |
"name" | |
"honorific-prefix" | |
"given-name" | |
"additional-name" | |
"family-name" | |
"honorific-suffix" | |
"nickname" | |
"username" | |
"new-password" | |
"current-password" | |
"one-time-code" | |
"organization-title" | |
"organization" | |
"street-address" | |
"address-line1" | |
"address-line2" | |
"address-line3" | |
"address-level4" | |
"address-level3" | |
"address-level2" | |
"address-level1" | |
"country" | |
"country-name" | |
"postal-code" | |
"cc-name" | |
"cc-given-name" | |
"cc-additional-name" | |
"cc-family-name" | |
"cc-number" | |
"cc-exp" | |
"cc-exp-month" | |
"cc-exp-year" | |
"cc-csc" | |
"cc-type" | |
"transaction-currency" | |
"transaction-amount" | |
"language" | |
"bday" | |
"bday-day" | |
"bday-month" | |
"bday-year" | |
"sex" | |
"url" | |
"photo" | |
"home" | |
"work" | |
"mobile" | |
"fax" | |
"pager" | |
"tel" | |
"tel-country-code" | |
"tel-national" | |
"tel-area-code" | |
"tel-local" | |
"tel-local-prefix" | |
"tel-local-suffix" | |
"tel-extension" | |
"email" | |
"impp" |
checked
Indica si el control está marcado.
colorspace
El espacio de color del color serializado.
| Variante | Detalles |
|---|---|
"limited-srgb" | |
"display-p3" |
dirname
Nombre del control de formulario que se usa para enviar la direccionalidad del elemento al enviar el formulario.
disabled
Indica si el control de formulario está deshabilitado.
form
Asocia el elemento con un elemento de formulario.
formaction
URL que se usa para enviar el formulario.
formenctype
Tipo de codificación de la lista de entradas que se usa al enviar el formulario.
| Variante | Detalles |
|---|---|
"application/x-www-form-urlencoded" | |
"multipart/form-data" | |
"text/plain" |
formmethod
Variante que se usa para enviar el formulario.
| Variante | Detalles |
|---|---|
"GET" | |
"POST" | |
"dialog" |
formnovalidate
Omite la validación de los controles del formulario al enviarlo.
formtarget
Navegable para el envío de formularios.
| Variante | Detalles |
|---|---|
"_blank" | |
"_self" | |
"_parent" | |
"_top" |
height
Dimensión vertical.
list
Lista de opciones de autocompletado.
max
Valor máximo.
maxlength
Longitud máxima del valor.
min
Valor mínimo.
minlength
Longitud mínima del valor.
multiple
Indica si se permiten varios valores.
name
Nombre del elemento que se usa para enviar el formulario y en la API form.elements.
pattern
Patrón con el que debe coincidir el valor del control de formulario.
placeholder
Etiqueta visible para el usuario que se ubica dentro del control de formulario.
popovertarget
Apunta a un elemento popover para alternarlo, mostrarlo u ocultarlo.
popovertargetaction
Indica si un elemento popover de destino se debe alternar, mostrar u ocultar.
| Variante | Detalles |
|---|---|
"toggle" | |
"show" | |
"hide" |
readonly
Indica si el usuario puede editar el valor.
required
Indica si el control es obligatorio para enviar el formulario.
size
Tamaño del control.
src
Dirección del recurso.
step
Granularidad con la que debe coincidir el valor del control de formulario.
| Variante | Detalles |
|---|---|
"any" |
type
Tipo de control de formulario.
Ver opciones
| Variante | Detalles |
|---|---|
"hidden" | |
"text" | |
"search" | |
"tel" | |
"url" | |
"email" | |
"password" | |
"date" | |
"month" | |
"week" | |
"time" | |
"datetime-local" | |
"number" | |
"range" | |
"color" | |
"checkbox" | |
"radio" | |
"file" | |
"submit" | |
"image" | |
"reset" | |
"button" |
value
Valor del control de formulario.
width
Dimensión horizontal.
insDesde: 0.14.0Requiere la característica html
Una adición al documento.
cite
Enlace a la fuente de la cita o a más información sobre la edición.
datetime
Fecha y (opcionalmente) hora del cambio.
body
El contenido del elemento HTML.
kbdDesde: 0.14.0Requiere la característica html
Entrada del usuario.
body
El contenido del elemento HTML.
labelDesde: 0.14.0Requiere la característica html
Epígrafe de un control de formulario.
for
Asocia la etiqueta con un control de formulario.
body
El contenido del elemento HTML.
legendDesde: 0.14.0Requiere la característica html
Epígrafe de un fieldset.
body
El contenido del elemento HTML.
liDesde: 0.14.0Requiere la característica html
Elemento de lista.
value
Valor ordinal del elemento de lista.
body
El contenido del elemento HTML.
linkDesde: 0.14.0Requiere la característica html
Metadatos de enlace.
as
Posible destino de una solicitud de precarga (para rel=“preload” y rel=“modulepreload”).
Ver opciones
| Variante | Detalles |
|---|---|
"audio" | |
"audioworklet" | |
"document" | |
"embed" | |
"font" | |
"frame" | |
"iframe" | |
"image" | |
"json" | |
"manifest" | |
"object" | |
"paintworklet" | |
"report" | |
"script" | |
"serviceworker" | |
"sharedworker" | |
"style" | |
"track" | |
"video" | |
"webidentity" | |
"worker" | |
"xslt" |
blocking
Indica si el elemento puede bloquear el renderizado.
| Variante | Detalles |
|---|---|
"blocking" |
color
Color que se usa al personalizar el ícono de un sitio (para rel=“mask-icon”).
crossorigin
Cómo maneja el elemento las solicitudes crossorigin.
| Variante | Detalles |
|---|---|
"anonymous" | |
"use-credentials" |
disabled
Indica si el enlace está deshabilitado.
fetchpriority
Establece la prioridad de las solicitudes que inicia el elemento.
| Variante | Detalles |
|---|---|
"high" | |
"low" |
href
Dirección del hipervínculo.
hreflang
Idioma del recurso enlazado.
imagesizes
Tamaños de imagen para distintos diseños de página (para rel=“preload”). Espera un array de diccionarios con las claves condition (cadena de texto) y size (longitud).
imagesrcset
Imágenes para usar en distintas situaciones, p. ej., pantallas de alta resolución, monitores chicos, etc. (para rel=“preload”). Espera un array de diccionarios con las claves src (cadena de texto) y width (entero) o density (flotante).
integrity
Metadatos de integridad que se usan en las comprobaciones de Subresource Integrity.
media
Medios aplicables.
referrerpolicy
Política de referrer para las solicitudes que inicia el elemento.
| Variante | Detalles |
|---|---|
"no-referrer" | |
"no-referrer-when-downgrade" | |
"same-origin" | |
"origin" | |
"strict-origin" | |
"origin-when-cross-origin" | |
"strict-origin-when-cross-origin" | |
"unsafe-url" |
rel
Relación entre el documento que contiene el hipervínculo y el recurso de destino.
Ver opciones
| Variante | Detalles |
|---|---|
"alternate" | |
"canonical" | |
"author" | |
"bookmark" | |
"dns-prefetch" | |
"expect" | |
"external" | |
"help" | |
"icon" | |
"manifest" | |
"modulepreload" | |
"license" | |
"next" | |
"nofollow" | |
"noopener" | |
"noreferrer" | |
"opener" | |
"pingback" | |
"preconnect" | |
"prefetch" | |
"preload" | |
"prev" | |
"privacy-policy" | |
"search" | |
"stylesheet" | |
"tag" | |
"terms-of-service" |
sizes
Tamaños de los íconos (para rel=“icon”). Espera un array de tamaños. Cada tamaño se especifica como un array de dos enteros (ancho y alto).
type
Pista del tipo del recurso referenciado.
mainDesde: 0.14.0Requiere la característica html
Contenedor del contenido dominante del documento.
body
El contenido del elemento HTML.
mapDesde: 0.14.0Requiere la característica html
Mapa de imagen.
name
Nombre del mapa de imagen al que se hace referencia desde el atributo usemap.
body
El contenido del elemento HTML.
markDesde: 0.14.0Requiere la característica html
Resaltado.
body
El contenido del elemento HTML.
menuDesde: 0.14.0Requiere la característica html
Menú de comandos.
body
El contenido del elemento HTML.
metaDesde: 0.14.0Requiere la característica html
Metadatos de texto.
charset
Declaración de la codificación de caracteres.
| Variante | Detalles |
|---|---|
"utf-8" |
content
Valor del elemento.
http-equiv
Directiva pragma.
| Variante | Detalles |
|---|---|
"content-type" | |
"default-style" | |
"refresh" | |
"x-ua-compatible" | |
"content-security-policy" |
media
Medios aplicables.
name
Nombre de los metadatos.
meterDesde: 0.14.0Requiere la característica html
Medidor.
high
Límite inferior del rango alto.
low
Límite superior del rango bajo.
max
Límite superior del rango.
min
Límite inferior del rango.
optimum
Valor óptimo del medidor.
value
Valor actual del elemento.
body
El contenido del elemento HTML.
navDesde: 0.14.0Requiere la característica html
Sección con enlaces de navegación.
body
El contenido del elemento HTML.
noscriptDesde: 0.14.0Requiere la característica html
Contenido alternativo para un script.
body
El contenido del elemento HTML.
objectDesde: 0.14.0Requiere la característica html
Imagen, navegable hijo o plugin.
data
Dirección del recurso.
form
Asocia el elemento con un elemento de formulario.
height
Dimensión vertical.
name
Nombre del navegable de contenido.
| Variante | Detalles |
|---|---|
"_blank" | |
"_self" | |
"_parent" | |
"_top" |
type
Tipo de recurso incrustado.
width
Dimensión horizontal.
body
El contenido del elemento HTML.
olDesde: 0.14.0Requiere la característica html
Lista ordenada.
reversed
Numera la lista hacia atrás.
start
Valor inicial de la lista.
type
Tipo de marcador de lista.
| Variante | Detalles |
|---|---|
"1" | |
"a" | |
"A" | |
"i" | |
"I" |
body
El contenido del elemento HTML.
optgroupDesde: 0.14.0Requiere la característica html
Grupo de opciones de una lista.
disabled
Indica si el control de formulario está deshabilitado.
label
Etiqueta visible para el usuario.
body
El contenido del elemento HTML.
optionDesde: 0.14.0Requiere la característica html
Opción de un control de lista o de lista combinada.
disabled
Indica si el control de formulario está deshabilitado.
label
Etiqueta visible para el usuario.
selected
Indica si la opción está seleccionada de forma predeterminada.
value
Valor que se usa para enviar el formulario.
body
El contenido del elemento HTML.
outputDesde: 0.14.0Requiere la característica html
Valor de salida calculado.
for
Especifica los controles a partir de los cuales se calculó la salida.
form
Asocia el elemento con un elemento de formulario.
name
Nombre del elemento que se usa para enviar el formulario y en la API form.elements.
body
El contenido del elemento HTML.
pDesde: 0.14.0Requiere la característica html
Párrafo.
body
El contenido del elemento HTML.
pictureDesde: 0.14.0Requiere la característica html
Imagen.
body
El contenido del elemento HTML.
preDesde: 0.14.0Requiere la característica html
Bloque de texto preformateado.
body
El contenido del elemento HTML.
progressDesde: 0.14.0Requiere la característica html
Barra de progreso.
max
Límite superior del rango.
value
Valor actual del elemento.
body
El contenido del elemento HTML.
qDesde: 0.14.0Requiere la característica html
Cita.
cite
Enlace a la fuente de la cita o a más información sobre la edición.
body
El contenido del elemento HTML.
rpDesde: 0.14.0Requiere la característica html
Paréntesis para el texto de una anotación ruby.
body
El contenido del elemento HTML.
rtDesde: 0.14.0Requiere la característica html
Texto de anotación ruby.
body
El contenido del elemento HTML.
rubyDesde: 0.14.0Requiere la característica html
Anotaciones ruby.
body
El contenido del elemento HTML.
sDesde: 0.14.0Requiere la característica html
Texto inexacto.
body
El contenido del elemento HTML.
sampDesde: 0.14.0Requiere la característica html
Salida de computadora.
body
El contenido del elemento HTML.
scriptDesde: 0.14.0Requiere la característica html
Script incrustado.
async
Ejecuta el script cuando esté disponible, sin bloquear mientras se lo obtiene.
blocking
Indica si el elemento puede bloquear el renderizado.
| Variante | Detalles |
|---|---|
"blocking" |
crossorigin
Cómo maneja el elemento las solicitudes crossorigin.
| Variante | Detalles |
|---|---|
"anonymous" | |
"use-credentials" |
defer
Difiere la ejecución del script.
fetchpriority
Establece la prioridad de las solicitudes que inicia el elemento.
| Variante | Detalles |
|---|---|
"high" | |
"low" |
integrity
Metadatos de integridad que se usan en las comprobaciones de Subresource Integrity.
nomodule
Impide la ejecución en los agentes de usuario que admiten scripts de módulo.
referrerpolicy
Política de referrer para las solicitudes que inicia el elemento.
| Variante | Detalles |
|---|---|
"no-referrer" | |
"no-referrer-when-downgrade" | |
"same-origin" | |
"origin" | |
"strict-origin" | |
"origin-when-cross-origin" | |
"strict-origin-when-cross-origin" | |
"unsafe-url" |
src
Dirección del recurso.
type
Tipo de script.
| Variante | Detalles |
|---|---|
"module" |
body
El contenido de texto del elemento HTML.
searchDesde: 0.14.0Requiere la característica html
Contenedor de controles de búsqueda.
body
El contenido del elemento HTML.
sectionDesde: 0.14.0Requiere la característica html
Sección genérica de un documento o aplicación.
body
El contenido del elemento HTML.
selectDesde: 0.14.0Requiere la característica html
Control de lista (list box).
autocomplete
Pista para la función de autocompletado de formularios.
Ver opciones
| Variante | Detalles |
|---|---|
"shipping" | |
"billing" | |
"name" | |
"honorific-prefix" | |
"given-name" | |
"additional-name" | |
"family-name" | |
"honorific-suffix" | |
"nickname" | |
"username" | |
"new-password" | |
"current-password" | |
"one-time-code" | |
"organization-title" | |
"organization" | |
"street-address" | |
"address-line1" | |
"address-line2" | |
"address-line3" | |
"address-level4" | |
"address-level3" | |
"address-level2" | |
"address-level1" | |
"country" | |
"country-name" | |
"postal-code" | |
"cc-name" | |
"cc-given-name" | |
"cc-additional-name" | |
"cc-family-name" | |
"cc-number" | |
"cc-exp" | |
"cc-exp-month" | |
"cc-exp-year" | |
"cc-csc" | |
"cc-type" | |
"transaction-currency" | |
"transaction-amount" | |
"language" | |
"bday" | |
"bday-day" | |
"bday-month" | |
"bday-year" | |
"sex" | |
"url" | |
"photo" | |
"home" | |
"work" | |
"mobile" | |
"fax" | |
"pager" | |
"tel" | |
"tel-country-code" | |
"tel-national" | |
"tel-area-code" | |
"tel-local" | |
"tel-local-prefix" | |
"tel-local-suffix" | |
"tel-extension" | |
"email" | |
"impp" |
disabled
Indica si el control de formulario está deshabilitado.
form
Asocia el elemento con un elemento de formulario.
multiple
Indica si se permiten varios valores.
name
Nombre del elemento que se usa para enviar el formulario y en la API form.elements.
required
Indica si el control es obligatorio para enviar el formulario.
size
Tamaño del control.
body
El contenido del elemento HTML.
slotDesde: 0.14.0Requiere la característica html
Slot del shadow tree.
name
Nombre del slot del shadow tree.
body
El contenido del elemento HTML.
smallDesde: 0.14.0Requiere la característica html
Comentario al margen.
body
El contenido del elemento HTML.
sourceDesde: 0.14.0Requiere la característica html
Fuente de la imagen para img, o fuente multimedia para video o audio.
height
Dimensión vertical.
media
Medios aplicables.
sizes
Tamaños de imagen para distintos diseños de página. Espera un array de diccionarios con las claves condition (cadena de texto) y size (longitud).
src
Dirección del recurso.
srcset
Imágenes para usar en distintas situaciones, p. ej., pantallas de alta resolución, monitores chicos, etc. Espera un array de diccionarios con las claves src (cadena de texto) y width (entero) o density (flotante).
type
Tipo de recurso incrustado.
width
Dimensión horizontal.
spanDesde: 0.14.0Requiere la característica html
Contenedor genérico de contenido en línea (phrasing).
body
El contenido del elemento HTML.
strongDesde: 0.14.0Requiere la característica html
Importancia.
body
El contenido del elemento HTML.
styleDesde: 0.14.0Requiere la característica html
Información de estilo incrustada.
blocking
Indica si el elemento puede bloquear el renderizado.
| Variante | Detalles |
|---|---|
"blocking" |
media
Medios aplicables.
body
El contenido de texto del elemento HTML.
subDesde: 0.14.0Requiere la característica html
Subíndice.
body
El contenido del elemento HTML.
summaryDesde: 0.14.0Requiere la característica html
Epígrafe de los detalles.
body
El contenido del elemento HTML.
supDesde: 0.14.0Requiere la característica html
Superíndice.
body
El contenido del elemento HTML.
tableDesde: 0.14.0Requiere la característica html
Tabla.
body
El contenido del elemento HTML.
tbodyDesde: 0.14.0Requiere la característica html
Grupo de filas de una tabla.
body
El contenido del elemento HTML.
tdDesde: 0.14.0Requiere la característica html
Celda de tabla.
colspan
Cantidad de columnas que debe abarcar la celda.
headers
Las celdas de encabezado de esta celda.
rowspan
Cantidad de filas que debe abarcar la celda.
body
El contenido del elemento HTML.
templateDesde: 0.14.0Requiere la característica html
Plantilla.
shadowrootclonable
Establece clonable en un shadow root declarativo.
shadowrootcustomelementregistry
Permite que los shadow roots declarativos indiquen que usarán un registro de elementos personalizado.
shadowrootdelegatesfocus
Establece que delegue el foco en un shadow root declarativo.
shadowrootmode
Habilita los shadow roots declarativos en streaming.
| Variante | Detalles |
|---|---|
"open" | |
"closed" |
shadowrootserializable
Establece serializable en un shadow root declarativo.
body
El contenido del elemento HTML.
textareaDesde: 0.14.0Requiere la característica html
Controles de texto multilínea.
autocomplete
Pista para la función de autocompletado de formularios.
Ver opciones
| Variante | Detalles |
|---|---|
"shipping" | |
"billing" | |
"name" | |
"honorific-prefix" | |
"given-name" | |
"additional-name" | |
"family-name" | |
"honorific-suffix" | |
"nickname" | |
"username" | |
"new-password" | |
"current-password" | |
"one-time-code" | |
"organization-title" | |
"organization" | |
"street-address" | |
"address-line1" | |
"address-line2" | |
"address-line3" | |
"address-level4" | |
"address-level3" | |
"address-level2" | |
"address-level1" | |
"country" | |
"country-name" | |
"postal-code" | |
"cc-name" | |
"cc-given-name" | |
"cc-additional-name" | |
"cc-family-name" | |
"cc-number" | |
"cc-exp" | |
"cc-exp-month" | |
"cc-exp-year" | |
"cc-csc" | |
"cc-type" | |
"transaction-currency" | |
"transaction-amount" | |
"language" | |
"bday" | |
"bday-day" | |
"bday-month" | |
"bday-year" | |
"sex" | |
"url" | |
"photo" | |
"home" | |
"work" | |
"mobile" | |
"fax" | |
"pager" | |
"tel" | |
"tel-country-code" | |
"tel-national" | |
"tel-area-code" | |
"tel-local" | |
"tel-local-prefix" | |
"tel-local-suffix" | |
"tel-extension" | |
"email" | |
"impp" |
cols
Cantidad máxima de caracteres por línea.
dirname
Nombre del control de formulario que se usa para enviar la direccionalidad del elemento al enviar el formulario.
disabled
Indica si el control de formulario está deshabilitado.
form
Asocia el elemento con un elemento de formulario.
maxlength
Longitud máxima del valor.
minlength
Longitud mínima del valor.
name
Nombre del elemento que se usa para enviar el formulario y en la API form.elements.
placeholder
Etiqueta visible para el usuario que se ubica dentro del control de formulario.
readonly
Indica si el usuario puede editar el valor.
required
Indica si el control es obligatorio para enviar el formulario.
rows
Cantidad de líneas que se muestran.
wrap
Cómo debe ajustarse el valor del control de formulario al enviar el formulario.
| Variante | Detalles |
|---|---|
"soft" | |
"hard" |
body
El contenido del elemento HTML.
tfootDesde: 0.14.0Requiere la característica html
Grupo de filas de pie de una tabla.
body
El contenido del elemento HTML.
thDesde: 0.14.0Requiere la característica html
Celda de encabezado de tabla.
abbr
Etiqueta alternativa que se usa para la celda de encabezado cuando se la referencia en otros contextos.
colspan
Cantidad de columnas que debe abarcar la celda.
headers
Las celdas de encabezado de esta celda.
rowspan
Cantidad de filas que debe abarcar la celda.
scope
Especifica a qué celdas se aplica la celda de encabezado.
| Variante | Detalles |
|---|---|
"row" | |
"col" | |
"rowgroup" | |
"colgroup" |
body
El contenido del elemento HTML.
theadDesde: 0.14.0Requiere la característica html
Grupo de filas de encabezado de una tabla.
body
El contenido del elemento HTML.
timeDesde: 0.14.0Requiere la característica html
Equivalente legible por máquinas de datos relacionados con fechas u horas.
datetime
Valor legible por máquinas.
body
El contenido del elemento HTML.
titleDesde: 0.14.0Requiere la característica html
Título del documento.
body
El contenido del elemento HTML.
trDesde: 0.14.0Requiere la característica html
Fila de tabla.
body
El contenido del elemento HTML.
trackDesde: 0.14.0Requiere la característica html
Pista de texto con temporización.
default
Habilita la pista de texto si no hay otra pista de texto más adecuada.
kind
El tipo de pista de texto.
| Variante | Detalles |
|---|---|
"subtitles" | |
"captions" | |
"descriptions" | |
"chapters" | |
"metadata" |
label
Etiqueta visible para el usuario.
src
Dirección del recurso.
srclang
Idioma de la pista de texto.
uDesde: 0.14.0Requiere la característica html
Anotación no articulada.
body
El contenido del elemento HTML.
ulDesde: 0.14.0Requiere la característica html
Lista.
body
El contenido del elemento HTML.
varDesde: 0.14.0Requiere la característica html
Variable.
body
El contenido del elemento HTML.
videoDesde: 0.14.0Requiere la característica html
Reproductor de video.
autoplay
Indica que el recurso multimedia puede iniciarse automáticamente al cargar la página.
controls
Muestra los controles del agente de usuario.
crossorigin
Cómo maneja el elemento las solicitudes crossorigin.
| Variante | Detalles |
|---|---|
"anonymous" | |
"use-credentials" |
height
Dimensión vertical.
loop
Indica si se repite en bucle el recurso multimedia.
muted
Indica si se silencia el recurso multimedia de forma predeterminada.
playsinline
Recomienda al agente de usuario mostrar el contenido de video dentro del área de reproducción del elemento.
poster
Fotograma de póster que se muestra antes de reproducir el video.
preload
Sugiere cuánta memoria intermedia necesitará probablemente el recurso multimedia.
| Variante | Detalles |
|---|---|
"metadata" |
src
Dirección del recurso.
width
Dimensión horizontal.
body
El contenido del elemento HTML.
wbrDesde: 0.14.0Requiere la característica html
Oportunidad de salto de línea.
Atributos globales
Estos parámetros son comunes a todas las funciones de HTML tipado. Se enumeran acá una sola vez, en lugar de hacerlo explícitamente en cada elemento, por legibilidad.