Elemento HTML

Componente individual de un documento HTML

Un elemento HTML es un tipo de componente de documento HTML (lenguaje de marcado de hipertexto), uno de los diversos tipos de nodos HTML (también existen nodos de texto, nodos de comentarios y otros). [ vago ] La primera versión utilizada de HTML fue escrita por Tim Berners-Lee en 1993 y desde entonces ha habido muchas versiones de HTML. El estándar de facto actual está regido por el grupo industrial WHATWG y se conoce como HTML Living Standard.

Un documento HTML se compone de un árbol de nodos HTML simples , como nodos de texto y elementos HTML, que agregan semántica y formato a partes de un documento (por ejemplo, ponen el texto en negrita, lo organizan en párrafos, listas y tablas, o incorporan hipervínculos e imágenes). Cada elemento puede tener atributos HTML especificados. Los elementos también pueden tener contenido, incluidos otros elementos y texto.

Conceptos

Categorías de contenido de elementos HTML

Elementos vs. etiquetas

Como se entiende generalmente, la posición de un elemento se indica como abarcando desde una etiqueta de inicio y terminando con una etiqueta de fin. [1] Este es el caso de muchos, pero no todos, los elementos dentro de un documento HTML. La distinción se enfatiza explícitamente en la Especificación HTML 4.01 :

Los elementos no son etiquetas. Algunas personas se refieren a los elementos como etiquetas (por ejemplo, "la etiqueta P"). Recuerde que el elemento es una cosa y la etiqueta (ya sea la etiqueta de inicio o de fin) es otra. Por ejemplo, el elemento HEAD siempre está presente, aunque las etiquetas HEAD de inicio y de fin puedan faltar en el marcado. [1]

De manera similar, la Recomendación HTML 5.1 2.ª Edición del W3C dice explícitamente:

Las etiquetas se utilizan para delimitar el inicio y el final de los elementos en el marcado. (...) Las etiquetas de inicio y fin de ciertos elementos normales se pueden omitir, (...)
El contenido del elemento debe colocarse entre justo después de la etiqueta de inicio (que podría estar implícita , en ciertos casos) y justo antes de la etiqueta de fin (que nuevamente, podría estar implícita , en ciertos casos).

—  HTML 5.1 2.ª edición § 8.1.2. Elementos § Etiquetas

y:

Se pueden omitir ciertas etiquetas .
NOTA:
Omitir la etiqueta de inicio de un elemento (...) no significa que el elemento no esté presente; está implícito, pero sigue estando allí. Por ejemplo, un documento HTML siempre tiene un <html>elemento raíz, incluso si la cadena <html>no aparece en ninguna parte del marcado.

—  HTML 5.1 2.ª edición § 8.1.2.4. Etiquetas opcionales


Como HTML (antes de HTML5) se basa en SGML , [2] su análisis también depende de la Definición de tipo de documento (DTD) , específicamente una DTD HTML (por ejemplo, HTML 4.01 [3] [nota 1] ). La DTD especifica qué tipos de elementos son posibles (es decir, define el conjunto de tipos de elementos) y también las combinaciones válidas en las que pueden aparecer en un documento. Es parte del comportamiento general de SGML que, cuando solo es posible una estructura válida (según la DTD), generalmente no se requiere su declaración explícita en cualquier documento dado. Como ejemplo simple, la etiqueta que indica el comienzo de un elemento de párrafo debe complementarse con una etiqueta que indique su final. Pero como la DTD establece que los elementos de párrafo no se pueden anidar, se infiere que un fragmento de documento HTML es equivalente a . (Si un elemento de párrafo no puede contener a otro, cualquier párrafo abierto actualmente debe cerrarse antes de comenzar otro). Debido a que esta implicación se basa en la combinación de la DTD y el documento individual, normalmente no es posible inferir elementos solo a partir de las etiquetas del documento , sino solo mediante el uso de un analizador compatible con SGML (o HTML) con conocimiento de la DTD. HTML5 crea un resultado similar al definir qué etiquetas se pueden omitir. [4]<p></p><p>Para 1 <p>Para 2 <p>Para 3<p>Para 1 </p><p>Para 2 </p><p>Para 3

SGML frente a XML

El SGML es complejo, lo que ha limitado su comprensión y adopción generalizadas. XML se desarrolló como una alternativa más simple. Aunque ambos pueden utilizar la DTD para especificar los elementos admitidos y sus combinaciones permitidas como estructura del documento, el análisis de XML es más simple. La relación entre las etiquetas y los elementos es siempre la de analizar las etiquetas reales incluidas en el documento, sin los cierres implícitos que son parte del SGML. [nota 2]

Es probable que el HTML que se utiliza en la web actual se trate como XML, al ser XHTML , o como HTML5 ; en cualquier caso, el análisis de las etiquetas de documentos en elementos del Modelo de objetos de documento (DOM) se simplifica en comparación con los sistemas HTML heredados. Una vez que se obtiene el DOM de los elementos, el comportamiento en los niveles superiores de la interfaz (por ejemplo, la representación de la pantalla) es idéntico o casi idéntico. [nota 3]

%block;vs caja

Parte de este comportamiento de presentación CSS es la noción de " modelo de caja ". Esto se aplica a aquellos elementos que CSS considera como elementos de "bloque", establecidos a través de la declaración CSS.display: block;

HTML también tiene un concepto similar, aunque diferente, y los dos se confunden muy frecuentemente. %block;y %inline;son grupos dentro del DTD HTML que agrupan elementos como "de nivel de bloque" o "en línea". [6] Esto se utiliza para definir su comportamiento de anidación: los elementos de nivel de bloque no se pueden colocar en un contexto en línea. [nota 4] Este comportamiento no se puede cambiar; está fijado en el DTD. Los elementos de bloque y en línea tienen los comportamientos CSS apropiados y diferentes asociados a ellos de forma predeterminada, [6] incluida la relevancia del modelo de caja para tipos de elementos particulares.

Sin embargo, tenga en cuenta que este comportamiento CSS puede cambiarse (y se cambia con frecuencia) con respecto al valor predeterminado. Las listas con elementos are y se presentan como elementos de bloque de forma predeterminada. Sin embargo, es bastante común configurarlas con CSS para que se muestren como una lista en línea. [7]<ul><li> ...%block;

Descripción general

Sintaxis

< pag   do yo a s s A a a a i b a mi norte a metro mi = " pag a a a gramo a a pag yo A a a a A a a a i b a mi   en a yo mi " > S a a a a   a a gramo yo yo i s   i s   a   pag a a a gramo a a pag yo . do o norte a mi norte a < / pag > mi norte d a a gramo mi yo mi metro mi norte a {\displaystyle \overbrace {\overbrace {{\mathtt {\color {BrickRed}<\!p\ }}\color {Magenta}\underbrace {\mathtt {clase}} _{\mathsf {\color {Black}{Nombre del atributo \atop}}}{\mathtt {=''}}\!\underbrace {\mathtt {párrafo}} _{\mathsf {\color {White}{Attr} \atop \color {Black}Valor del atributo}}''{\mathtt {\color {BrickRed}>}}} ^{\mathsf {Etiqueta\ de\ inicio}}\overbrace {\mathtt {\color {Green}Este\ es\ un\ párrafo.}} ^{\mathsf {Contenido}}\overbrace {\mathtt {\color {BrickRed}<\!/p\!>}} ^{\mathsf {Fin \atop etiqueta}}} ^{\mathsf {Elemento}}}
Partes de un elemento contenedor HTML

En la sintaxis HTML, la mayoría de los elementos se escriben con una etiqueta de inicio y una etiqueta de fin, con el contenido entre ellas. Una etiqueta HTML se compone del nombre del elemento, rodeado de corchetes angulares . Una etiqueta de fin también tiene una barra después del corchete angular de apertura, para distinguirla de la etiqueta de inicio. Por ejemplo, un párrafo, que está representado por el <p>elemento, se escribiría así:

< p > En la sintaxis HTML, la mayoría de los elementos se escriben... </ p >

Sin embargo, no todos estos elementos requieren que esté presente la etiqueta de cierre, o incluso la etiqueta de inicio. [4] Algunos elementos, los llamados elementos void , no tienen etiqueta de cierre. Un ejemplo típico es el <br>elemento (salto de línea duro). El comportamiento de un elemento void está predefinido y no puede contener ningún contenido ni otros elementos. Por ejemplo, una dirección se escribiría como:

< p > P. Sherman < br > 42 Wallaby Way < br > Sídney </ p >

Al utilizar XHTML , es necesario abrir y cerrar todos los elementos, incluidos los elementos void. Esto se puede hacer colocando una etiqueta de fin inmediatamente después de la etiqueta de inicio, pero esto no es legal en HTML 5 y dará lugar a la creación de dos elementos. Una forma alternativa de especificar que es un elemento void, que es compatible tanto con XHTML como con HTML 5, es colocar un /al final de la etiqueta (que no debe confundirse con el /al principio de una etiqueta de cierre).

< p > P. Sherman < br  /> 42 Wallaby Way < br  /> Sídney </ p >

Los atributos HTML se especifican dentro de la etiqueta de inicio. Por ejemplo, el <abbr>elemento que representa una abreviatura espera un titleatributo dentro de su etiqueta de apertura. Esto se escribiría así:

< abbr  title = "abreviatura" > abbr. </ abbr >

De manera informal, a veces se hace referencia a los elementos HTML como "etiquetas" (un ejemplo de sinécdoque ), aunque muchos prefieren el término etiqueta estrictamente en referencia al marcado que delimita el inicio y el final de un elemento.

Los nombres de elementos (y atributos) se pueden escribir en cualquier combinación de mayúsculas o minúsculas en HTML, pero deben estar en minúsculas en XHTML. [8] La forma canónica era mayúscula hasta HTML 4 , y se usaba en las especificaciones HTML, pero en los últimos años, las minúsculas se han vuelto más comunes.

Tipos de elementos

Hay tres tipos de elementos HTML : elementos normales, elementos de texto sin formato y elementos vacíos.

Los elementos normales suelen tener una etiqueta de inicio y una etiqueta de fin, aunque en algunos elementos se puede omitir la etiqueta de fin o ambas. Se construye de forma similar:

  • una etiqueta de inicio ( ) que marca el comienzo de un elemento, que puede incorporar cualquier número de atributos HTML ;<tag>
  • cierta cantidad de contenido , incluido texto y otros elementos;
  • una etiqueta final , en la que el nombre del elemento tiene como prefijo una barra : .</tag>

Los elementos de texto sin formato (también conocidos como elementos de texto o de solo texto) se construyen con:

  • una etiqueta de inicio (en el formato ) que marca el comienzo de un elemento, que puede incorporar cualquier número de atributos HTML;<tag>
  • cierta cantidad de contenido de texto , pero ningún elemento (todas las etiquetas, excepto la etiqueta final aplicable, se interpretarán como contenido);
  • una etiqueta de cierre , en la que el nombre del elemento tiene como prefijo una barra diagonal: . En algunas versiones de HTML, la etiqueta de cierre es opcional para algunos elementos. La etiqueta de cierre es obligatoria en XHTML .</tag>

Un ejemplo es el <title>elemento, que no debe contener otros elementos (incluido el marcado de texto), solo texto simple .

Los elementos void (también llamados a veces elementos vacíos, elementos individuales o elementos independientes) solo tienen una etiqueta de inicio (en el formato), que contiene los atributos HTML. No pueden contener elementos secundarios, como texto u otros elementos. Para compatibilidad conXHTML, la especificación HTML[ which? ]permite un espacio y una barra opcionales[ cita requerida ](está permitido). La barra es obligatoria enXHTMLy otrasaplicacionesXML( para unsalto de línea duro, como en un poema o una dirección) y( para un salto temático). Otros elementos similares suelen ser marcadores de posición que hacen referencia a archivos externos, como elelemento image ( ). Los atributos incluidos en el elemento apuntarán entonces al archivo externo en cuestión. Otro ejemplo de un elemento void es, para el cual la sintaxis es:<tag><tag /><br /><hr /><img /><link />

< link  rel = "hoja de estilo"  href = "fancy.css"  type = "text/css" >

Este <link />elemento indica al navegador una hoja de estilos que se utilizará al presentar el documento HTML al usuario. En la sintaxis HTML, los atributos no tienen que ir entre comillas si están compuestos únicamente por ciertos caracteres: letras, dígitos, el guión-menos y el punto. Por otro lado, cuando se utiliza la sintaxis XML (XHTML), todos los atributos deben ir entre comillas y se requiere una barra espaciada al final antes del último corchete angular:

<link rel= "hoja de estilo" href= "fancy.css" type= "text/css" />    

Atributos

Los atributos HTML definen el comportamiento deseado o indican propiedades adicionales del elemento. La mayoría de los atributos requieren un valor . En HTML, el valor se puede dejar sin comillas si no incluye espacios (), o se puede poner entre comillas simples o dobles (o). En XML , esas comillas son obligatorias.attribute=valueattribute='value'attribute="value"

Por otro lado, los atributos booleanos no requieren que se especifique un valor. Un ejemplo es el checkedde las casillas de verificación:

< tipo de entrada  = casilla de verificación marcada > 

Sin embargo, en la sintaxis XML (y por lo tanto XHTML ), se requiere un valor y el nombre debe repetirse como valor:

<input type= "casilla de verificación" marcada= "marcada" />   

Normas de elementos

Los elementos HTML se definen en una serie de estándares abiertos de libre acceso publicados desde 1995, inicialmente por la IETF y posteriormente por el W3C .

Durante las guerras de navegadores de la década de 1990, los desarrolladores de agentes de usuario (por ejemplo, navegadores web ) desarrollaron a menudo sus propios elementos, algunos de los cuales se adoptaron en estándares posteriores. Es posible que otros agentes de usuario no reconozcan elementos no estándar y los ignoren, lo que posiblemente haga que la página se muestre de forma incorrecta.

En 1998, XML (una forma simplificada de SGML) introdujo mecanismos para permitir a cualquiera desarrollar sus propios elementos e incorporarlos en documentos XHTML , para su uso con agentes de usuario compatibles con XML. [9]

Posteriormente, HTML 4.01 se reescribió en un formato compatible con XML , XHTML 1.0 ( eXtensible HTML ). Los elementos de cada uno son idénticos y, en la mayoría de los casos, los documentos XHTML 1.0 válidos serán documentos HTML 4.01 válidos o casi válidos. Este artículo se centra principalmente en el HTML real, a menos que se indique lo contrario; sin embargo, sigue siendo aplicable a XHTML. Consulte HTML para obtener una discusión de las pequeñas diferencias entre los dos.

Estado del elemento

Desde la primera versión de HTML, varios elementos han quedado obsoletos y se consideran obsoletos en estándares posteriores, o no aparecen en absoluto, en cuyo caso no son válidos (y los agentes de usuario que los validen los considerarán inválidos y tal vez no los muestren ). [10]

En HTML 4.01 / XHTML 1.0 , el estado de los elementos se complica por la existencia de tres tipos de DTD :

  • Transitorio , que contiene elementos obsoletos, pero que fueron pensados ​​para proporcionar un período de transición durante el cual los autores pudieran actualizar sus prácticas;
  • Conjunto de marcos , que son versiones de las DTD de transición que también permiten a los autores escribir documentos de conjunto de marcos ;
  • Estricto , que es la forma actualizada (en 1999) de HTML.

En cambio, HTML5 ofrece una lista de características obsoletas que acompaña al contenido normativo estandarizado . Se dividen en "obsoletas pero conformes" para las que existen instrucciones de implementación y "no conformes" que deberían reemplazarse. [11]

El primer estándar ( HTML 2.0 ) contenía cuatro elementos obsoletos, uno de los cuales no era válido en HTML 3.2 . Los cuatro no son válidos en HTML 4.01 Transitional , que también desaprobó otros diez elementos. Todos ellos, más otros dos, no son válidos en HTML 4.01 Strict . Si bien los elementos frame siguen vigentes en el sentido de estar presentes en los DTD Transitional y Frameset, no hay planes para preservarlos en estándares futuros, ya que su función ha sido reemplazada en gran medida y son altamente problemáticos para la accesibilidad del usuario.

(Estrictamente hablando, el estándar XHTML más reciente, XHTML 1.1 (2001), no incluye marcos en absoluto; es aproximadamente equivalente a XHTML 1.0 Strict , pero también incluye el módulo de marcado Ruby .) [12]

Una fuente común de confusión es el uso impreciso de "deprecated" para referirse tanto al estado obsoleto como al inválido, y a elementos que se espera que queden formalmente obsoletos en el futuro.

Contenido vs. presentación y comportamiento

Desde HTML 4, HTML se ha centrado cada vez más en la separación del contenido (el texto visible y las imágenes) de la presentación (como el color, el tamaño de fuente y el diseño). [13] Esto se suele denominar separación de preocupaciones . HTML se utiliza para representar la estructura o el contenido de un documento, su presentación sigue siendo responsabilidad exclusiva de las hojas de estilo CSS . Se sugiere una hoja de estilo predeterminada como parte del estándar CSS, que proporciona una representación predeterminada para HTML. [14]

El comportamiento (interactividad) también se mantiene separado del contenido y se gestiona mediante scripts . Las imágenes se encuentran en archivos gráficos separados del texto, aunque también pueden considerarse parte del contenido de una página.

La separación de intereses permite que el documento sea presentado por diferentes agentes de usuario según sus propósitos y capacidades. Por ejemplo, un agente de usuario puede seleccionar una hoja de estilo apropiada para presentar un documento mediante visualización en un monitor, impresión en papel o para determinar las características del habla en un agente de usuario de solo audio. Las funciones estructurales y semánticas del marcado permanecen idénticas en cada caso.

Históricamente, los agentes de usuario no siempre admitían estas características. En la década de 1990, como medida provisoria, se añadieron elementos de presentación (como <b>y <i>) al HTML, a costa de crear problemas de interoperabilidad y accesibilidad del usuario. Hoy en día, esto se considera obsoleto y ha sido reemplazado por el diseño basado en hojas de estilo; la mayoría de los elementos de presentación están ahora en desuso. [15]

Los archivos de imágenes externas se incorporan con los elementos <img />o . (Con XHTML , el lenguaje SVG también se puede utilizar para escribir gráficos dentro del documento, aunque la vinculación a archivos SVG externos generalmente es más simple). [16] Cuando una imagen no es puramente decorativa, HTML permite proporcionar contenido de reemplazo con un valor semántico similar para agentes de usuario no visuales.<object />

Un documento HTML también se puede ampliar mediante el uso de scripts para proporcionar comportamientos adicionales más allá de las capacidades de los hipervínculos y formularios HTML.

Los elementos <style>y , con los atributos HTML<script> relacionados , proporcionan hojas de estilo y scripts.

  • En el encabezado del documento, <style />y <script />puede vincular a documentos externos compartidos o <style>...</style>y <script>...</script>puede contener instrucciones integradas. (El <link>elemento también se puede utilizar para vincular hojas de estilo).
  • <script />o <script>...</script>puede ocurrir en cualquier punto del documento (encabezado o cuerpo).
  • El styleatributo es válido en la mayoría de los elementos del cuerpo del documento (por ejemplo <div style="...">) para la inclusión de instrucciones de estilo en línea .
  • Los atributos de manejo de eventos , que proporcionan enlaces a scripts, son opcionales en la mayoría de los elementos.
  • Para los agentes de usuario que no ejecutan scripts, el <noscript>...</noscript>elemento proporciona contenido alternativo integrado cuando corresponde; sin embargo, solo se puede usar en el encabezado del documento y en el cuerpo como un elemento a nivel de bloque.

Elementos de la estructura del documento

<html>...</html>
Elemento raíz de un documento HTML ; todos los demás elementos están contenidos en él. El elemento HTML delimita el principio y el final de un documento HTML.
Se pueden omitir tanto las etiquetas de inicio como las de fin (HTML5). [4]
Estandarizado en HTML 2.0; aún vigente.

(Consulte los elementos del encabezado del documento para conocer los elementos secundarios).

Contenedor para procesar información y metadatos de un documento HTML.
Tanto las etiquetas de inicio como las de fin pueden omitirse e inferirse a partir de elementos secundarios (HTML5). [4]
Estandarizado en HTML 5.0; aún vigente.
<body></body>

(Consulte los elementos del cuerpo del documento para conocer los elementos secundarios).

Contenedor para el contenido visualizable de un documento HTML.
Tanto las etiquetas de inicio como las de fin pueden omitirse e inferirse a partir de elementos secundarios (HTML5). [4]
Estandarizado en HTML 2.0; aún vigente.

Elementos del encabezado del documento

<base />
Especifica una URL base para todos hreflos enlaces relativos y de otro tipo del documento. Debe aparecer antes de cualquier elemento que haga referencia a un recurso externo. HTML solo permite un <base>elemento por documento. Este elemento tiene atributos HTML , pero no tiene contenido.
Una versión de desarrollo de este elemento (como BASE) se menciona en Etiquetas HTML ; estandarizado en HTML 2.0; aún actual.
<basefont /> (deprecated)
Especifica un tamaño de fuente, tipo de letra y color base para el documento. Se utiliza junto con <font>elementos. Se ha dejado de usar en favor de las hojas de estilo .
Estandarizado en HTML 3.2; obsoleto en HTML 4.0 Transitional; no válido en HTML 4.0 Strict.
<isindex /> (deprecated)
<isindex>Puede aparecer en el encabezado o en el cuerpo del documento, pero solo una vez en el documento. Consulte Formularios .
Especifica enlaces a otros documentos, como enlaces anteriores y siguientes , o versiones alternativas. [17] Un uso común es vincular a hojas de estilo externas , utilizando el formato, . [18] Un uso menos común, pero importante, es proporcionar sugerencias de navegación de manera consistente mediante el uso de microformatos . Se definen varias relaciones comunes, que pueden exponerse a los usuarios a través de la interfaz del navegador en lugar de directamente en la página web, como: . El elemento de un documento puede contener cualquier número de elementos. Este elemento tiene atributos HTML , pero no contenido.<link rel="stylesheet" type="text/css" href="url" title="description_of_style"><link rel="next" href="url"><head><link />
LINKExistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0; aún vigente.
<meta />

Se puede utilizar para especificar metadatos adicionales sobre un documento, como su autor, fecha de publicación, fecha de vencimiento, idioma, título de la página, descripción de la página, palabras clave u otra información no proporcionada a través de los otros elementos de encabezado y atributos HTML . Debido a su naturaleza genérica, los elementos especifican pares clave-valor<meta /> asociativos . En general, un elemento meta transmite información oculta sobre el documento. Se pueden utilizar varias etiquetas meta, todas las cuales deben estar anidadas en el elemento de encabezado. El propósito específico de cada elemento está definido por sus atributos. Fuera de XHTML , a menudo se proporciona sin la barra ( ), a pesar de ser un elemento void.<meta /><meta>

En una forma, <meta />los elementos pueden especificar encabezados HTTP que debe enviar un servidor web antes del contenido real. Por ejemplo, especifica que la página debe enviarse con un encabezado HTTP llamado que tiene un valor .<meta http-equiv="foo" content="bar" />foobar

En la forma general, un <meta />elemento especifica atributos HTML nameasociados contentque describen aspectos de la página HTML. Para evitar posibles ambigüedades, schemese puede proporcionar un tercer atributo opcional, , para especificar un marco semántico que define el significado de la clave y su valor. Por ejemplo, en el elemento se identifica a sí mismo como que contiene el elemento, con un valor de , del marco de descripción de recursos de DC o Dublin Core .<meta name="foo" content="bar" scheme="DC" /><meta />foobar
Estandarizado en HTML 2.0; aún vigente.
<object>...</object>
Se utiliza para incluir objetos genéricos dentro del encabezado del documento. Aunque rara vez se utiliza dentro de un <head>elemento, podría utilizarse para extraer datos externos y asociarlos con el documento actual.
Estandarizado en HTML 4.0; aún vigente.
<script>...</script>
Puede actuar como un contenedor para instrucciones de script o vincularse a un script externo con el atributo opcional src. [19] También se puede utilizar en el cuerpo del documento para generar dinámicamente contenido en bloque o en línea.
Estandarizado en HTML 3.2; aún vigente.
<style>...</style>
Especifica un estilo CSS para el documento, normalmente en el formato . Puede actuar como contenedor de instrucciones de estilo o como vínculo a hojas de estilo externas; por ejemplo, en CSS , con directivas en el formato [20]<style type="text/css"> ... </style>@import <style> @import url; </style>
Estandarizado en HTML 3.2; aún vigente.
<title>...</title>
Esta etiqueta define el título de un documento. Es obligatoria en todos los documentos HTML y XHTML . Los agentes de usuario pueden utilizar el título de distintas maneras. Por ejemplo:
  • Los navegadores web generalmente lo muestran en la barra de título de una ventana cuando la ventana está abierta y (cuando corresponde) en la barra de tareas cuando la ventana está minimizada.
  • Puede convertirse en el nombre de archivo predeterminado al guardar la página.
  • Podemos usar el elemento <title> solo una vez en una página web, y cuando creamos otra página usaremos nuevamente otro elemento <title> con un nuevo título (no tome el mismo nombre para todas las etiquetas de título en el sitio web, puede ser un problema para los motores de búsqueda).
  • Los rastreadores web de los motores de búsqueda web pueden prestar especial atención a las palabras utilizadas en el título.
El <title>elemento no debe contener otros elementos, solo texto. Solo <title>se permite un elemento por documento.
Existió en las etiquetas HTML y se estandarizó en HTML 2.0; aún actual.

Elementos del cuerpo del documento

En los navegadores visuales, los elementos que se pueden visualizar se pueden representar como elementos en bloque o en línea . Si bien todos los elementos son parte de la secuencia del documento, los elementos en bloque aparecen dentro de sus elementos principales:

  • como objetos rectangulares que no se rompen a través de líneas;
  • con márgenes de bloque, ancho y propiedades de alto que se pueden configurar independientemente de los elementos circundantes.

Por el contrario, los elementos en línea se tratan como parte del flujo de texto del documento; no se pueden establecer márgenes, ancho o altura para ellos y se dividen en líneas.

Elementos de bloque

Los elementos de bloque, o elementos a nivel de bloque, tienen una estructura rectangular. De manera predeterminada, estos elementos abarcarán todo el ancho de su elemento padre y, por lo tanto, no permitirán que ningún otro elemento ocupe el mismo espacio horizontal en el que se ubican.

La estructura rectangular de un elemento de bloque se suele denominar modelo de caja y está formada por varias partes. Cada elemento contiene lo siguiente:

  • El contenido de un elemento es el texto real (u otro medio) colocado entre las etiquetas de apertura y cierre de un elemento.
  • El relleno de un elemento es el espacio que rodea el contenido pero que sigue formando parte del elemento. El relleno no debe utilizarse para crear espacios en blanco entre dos elementos. Cualquier estilo de fondo asignado al elemento, como una imagen o un color de fondo, será visible dentro del relleno. Aumentar el tamaño del relleno de un elemento aumenta la cantidad de espacio que ocupará este elemento.
  • El borde de un elemento es el extremo absoluto de un elemento y abarca el perímetro de ese elemento. El grosor de un borde aumenta el tamaño de un elemento.
  • El margen de un elemento es el espacio en blanco que rodea a un elemento. El contenido, el relleno y el borde de cualquier otro elemento no podrán ingresar a esta área a menos que se lo obligue a hacerlo mediante alguna colocación avanzada de CSS . Con la mayoría de las DTD estándar , los márgenes de la izquierda y la derecha de diferentes elementos se alejarán entre sí. Los márgenes de la parte superior o inferior de un elemento, por otro lado, no se apilarán ni se entremezclarán. Esto significa que el espacio en blanco entre estos elementos será tan grande como el margen más grande entre ellos.

La sección anterior se refiere únicamente a la implementación detallada de la representación CSS y no tiene relevancia para los elementos HTML en sí.

Texto básico

<p>...</p>
Crea un párrafo, quizás el elemento de nivel de bloque más común.
PExistía en las etiquetas HTML y se estandarizó en HTML 2.0; aún vigente.
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
Los encabezados de sección en diferentes niveles h1delimitan el encabezado de nivel más alto, h2el nivel inferior (subsección), h3el nivel inferior, etc. h6A veces se los denomina colectivamente etiquetas, donde n significa cualquiera de los niveles de encabezado disponibles. La mayoría de los navegadores visuales muestran los encabezados como texto grande y en negrita de forma predeterminada, aunque esto se puede anular con CSS . Los elementos de encabezado no están destinados simplemente a crear texto grande o en negrita; de hecho, no se deben usar para estilizar texto explícitamente. Más bien, describen la estructura y la organización del documento. Algunos programas los usan para generar esquemas y tablas de contenido.hn
Los encabezados existían en las etiquetas HTML y se estandarizaron en HTML 2.0; aún siguen vigentes.

Liza

<dl>...</dl>
Una lista de descripción (también conocida como lista de asociación o lista de definición) consta de grupos de nombre-valor, [21] y antes de HTML5 se conocía como lista de definición. [22] Las listas de descripción están destinadas a grupos de "términos y definiciones, temas y valores de metadatos, preguntas y respuestas, o cualquier otro grupo de datos de nombre-valor". [23]
DLExistía en las etiquetas HTML y se estandarizó en HTML 2.0; aún vigente.
<dt>...</dt>
Un nombre en una lista de descripciones (anteriormente término de definición en una lista de definiciones).
DTExistía en las etiquetas HTML y se estandarizó en HTML 2.0; aún vigente.
<dd>...</dd>
Un valor en una lista de descripción (anteriormente datos de definición en una lista de definiciones).
DDExistía en las etiquetas HTML y se estandarizó en HTML 2.0; aún vigente.
<ol>...</ol>
Una lista ordenada (enumerada). El typeatributo se puede utilizar para especificar el tipo de marcador que se utilizará en la lista, pero las hojas de estilo ofrecen más control. El valor predeterminado es la numeración arábiga. En un atributo HTML: ; o en una declaración CSS: – reemplazando por uno de los siguientes:<ol type="foo">ol { list-style-type: foo; }foo
  • A, B, C… – Valor HTML: A; Valor CSS:upper-alpha
  • a, b, c... – Valor HTML: a; Valor CSS:lower-alpha
  • I, II, III... – Valor HTML: I; Valor CSS:upper-roman
  • i, ii, iii... – Valor HTML: i; Valor CSS:lower-roman
  • 1, 2, 3... – Valor HTML: 1;decimal
CSS ofrece otras opciones que no están disponibles como marcado HTML puro, incluidas nonelas opciones y para los alfabetos CJK , hebreo, georgiano y armenio. El atributo está obsoleto en HTML 3.2 y 4.01, pero no en HTML 5.
OLExistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0; aún vigente.
<ul>...</ul>
Una lista desordenada (con viñetas). El tipo de marcador de elemento de lista se puede especificar en un atributo HTML: ; o en una declaración CSS: – reemplazando con uno de los siguientes (se usan los mismos valores en HTML y CSS): (el valor predeterminado), , o . Solo el método CSS es compatible con HTML5; el atributo está obsoleto en HTML 3.2 y 4.01. CSS también proporciona , y la capacidad de reemplazar estas viñetas con imágenes personalizadas.<ul type="foo">ul { list-style-type: foo; }foodiscsquarecirclenone
ULExistía en las etiquetas HTML y se estandarizó en HTML 2.0; aún vigente.
<li>...</li>
Un elemento de lista en listas ordenadas ( ol) o desordenadas ( ul).
LIExistía en las etiquetas HTML y se estandarizó en HTML 2.0; aún vigente.
<dir>...</dir> (deprecated)
Un listado de directorios. El propósito original de este elemento nunca fue ampliamente aceptado; se desaprobó en favor de .<ul>
DIRexistía en etiquetas HTML y se estandarizó en HTML 2.0; obsoleto en HTML 4.0 Transitional; no válido en HTML 4.0 Strict.

Otros elementos del bloque

<address>...</address>
Información de contacto del autor del documento.
ADDRESSExistía en las etiquetas HTML y se estandarizó en HTML 2.0; aún vigente.
<article>...</article>
Se utiliza para artículos y otros contenidos similares.
Estandarizado en HTML5.
<aside>...</aside>
Se utiliza para el contenido de un documento que está separado del contenido de la página principal, por ejemplo, barras laterales o publicidad.
Estandarizado en HTML5.
<blockquote>...</blockquote>

Una cita a nivel de bloque , para cuando la cita incluye elementos a nivel de bloque, por ejemplo, párrafos. El citeatributo (que no debe confundirse con el elemento <cite>) puede indicar la fuente y debe ser un Identificador uniforme de recursos (URL ) completamente calificado .

La presentación predeterminada de las citas en bloque en los navegadores visuales suele ser sangrarlas desde ambos márgenes. Esto ha llevado a que el elemento se utilice innecesariamente solo para sangrar párrafos, independientemente de la semántica. Para citas que no contienen elementos de nivel de bloque, consulte el elemento de cita (<q>).
BLOCKQUOTEExistía en el borrador de Internet HTML 1.2 y se estandarizó en HTML 2.0; sigue vigente. Consulte el elemento blockquote para obtener más información.
<center>...</center> (deprecated)
Crea una división centrada a nivel de bloque. Se ha dejado de usar en favor de <div> u otro elemento con centrado definido mediante hojas de estilo.
Estandarizado en HTML 3.2; obsoleto en HTML 4.0; no compatible con HTML5.
<del>...</del>
Marca una sección de contenido eliminada. Este elemento también se puede utilizar como inline .
Estandarizado en HTML 4.0; aún vigente.
<div>...</div>
División lógica a nivel de bloque. Elemento genérico sin significado semántico que se utiliza para distinguir una sección de un documento, generalmente con fines tales como presentación o comportamiento controlado por hojas de estilo o llamadas DOM .
Propuesto en los borradores de HTML 3.0; estandarizado en HTML 3.2; aún vigente.
<figure>...</figure>
Se utiliza para agrupar imágenes y subtítulos, junto con <figcaption>.
Estandarizado en HTML5.
<figcaption>...</figcaption>
Título de una imagen. Siempre se coloca dentro del <figure>elemento.
Estandarizado en HTML5.
Se utiliza para los pies de página de los documentos. Pueden contener información sobre el autor o los derechos de autor, o enlaces a otras páginas.
Estandarizado en HTML5.
Se utilizan para encabezados de documentos. Suelen contener contenido que presenta la página.
Estandarizado en HTML5.
<hr />
Ruptura temática (originalmente: regla horizontal). Las reglas de presentación se pueden trazar con hojas de estilo.
Estandarizado en HTML 2.0; aún vigente.
<ins>...</ins>
Marca una sección de contenido insertado. Este elemento también se puede utilizar como inline .
Estandarizado en HTML 4.0; aún vigente.
<main>...</main>
Contiene el contenido principal de un documento.
Estandarizado en HTML 5.1.
HTML 2.0: Un listado de menú. Debería ser más compacto que una <ul>lista.
MENUexistía en HTML Tags y se estandarizó en HTML 2.0; obsoleto en HTML 4.0 Transitional; inválido en HTML 4.0 Strict; luego redefinido en HTML5, eliminado en HTML 5.2, pero está incluido en HTML Living Standard en 2019.
Se utiliza en secciones de navegación de artículos (áreas de páginas web que contienen enlaces a otras páginas web).
Estandarizado en HTML5.
<noscript>...</noscript>
Contenido de reemplazo para scripts. A diferencia de script, este solo se puede utilizar como elemento a nivel de bloque.
Estandarizado en HTML 4.0; aún vigente.
<pre>...</pre>
Texto preformateado . El texto dentro de este elemento se muestra normalmente en una fuente no proporcional exactamente como está dispuesto en el archivo (ver ASCII art ). Mientras que los navegadores ignoran los espacios en blanco para otros elementos HTML, en <pre>...</pre>, los espacios en blanco deben representarse como creados. (Con las propiedades CSS: , otros elementos se pueden presentar de la misma manera). Este elemento puede contener cualquier elemento en línea excepto: <image>, <object>, <big>, <small>, <sup> y <sub>...</sub>.{ white-space: pre; font-family: monospace; }
PREExistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0; aún vigente.
<section>...</section>
Se utiliza para secciones genéricas de un documento. Se diferencia de <div> en que solo se utiliza para contener secciones de una página, que el W3C define como un grupo de contenido con un tema similar.
Estandarizado en HTML5.
<script>...</script>
Coloca un script en el documento. También se puede utilizar en el encabezado y en contextos en línea. Se puede utilizar como <script />atributo srcpara proporcionar una URL desde la que cargar el script, o como <script>...</script>contenido de script incrustado. Nota: <script> no es en sí mismo un elemento de bloque o en línea; por sí mismo no debería mostrarse en absoluto, pero puede contener instrucciones para generar dinámicamente tanto contenido de bloque como en línea.
Estandarizado en HTML 3.2; aún vigente.

Elementos en línea

Los elementos en línea no se pueden colocar directamente dentro del elemento; deben estar completamente anidados dentro de elementos de nivel de bloque. [24]<body>

Ancla

<a>...</a>

Un elemento de anclaje se denomina ancla porque los diseñadores web pueden usarlo para "anclar" una URL a algún texto en una página web. Cuando los usuarios ven la página web en un navegador, pueden hacer clic en el texto para activar el enlace y visitar la página cuya URL está en el enlace. [25]

En HTML, un "ancla" puede ser el origen (el texto de anclaje ) o el destino (el final) de un hipervínculo . Como origen, al establecer el atributo href, [26] se crea un hipervínculo; puede apuntar a otra parte del documento o a otro recurso (por ejemplo, una página web) mediante una URL externa . Como destino, al establecer los atributos HTMLname o , se permite vincular el elemento desde un localizador uniforme de recursos (URL) a través de un identificador de fragmento . Las dos formas, origen y ancla, se pueden utilizar simultáneamente.id

En HTML5, cualquier elemento puede convertirse en un objetivo mediante el uso del idatributo [27] , por lo que no es necesario usarlo , aunque esta forma de agregar anclas sigue funcionando.<a name="foo">...</a>

Para ilustrar: el encabezado de una sección de tabla de contenidos enejemplo.comLa página de inicio de podría convertirse en un objetivo escribiendo: .<h2><a name="contents">Table of contents</a></h2>

Continuando con este ejemplo, ahora que la sección ha sido marcada como objetivo, se puede hacer referencia a ella desde sitios externos con un enlace como: ;<a href="http://example.com#contents">see contents</a>

o con un enlace en la misma página como: .<a href="#contents">contents, above</a>

El atributo titlese puede configurar para proporcionar información breve sobre el enlace: .<a href="URL" title="additional information">link text</a>

En la mayoría de los navegadores gráficos, cuando el cursor se desplaza sobre un enlace, se transforma en una mano con el dedo índice extendido y el titlevalor se muestra en una información sobre herramientas o de alguna otra manera. Algunos navegadores representan el texto alternativo de la misma manera, aunque esto no es lo que exige la especificación.

AExistía en las etiquetas HTML y se estandarizó en HTML 2.0;

Elementos de la frase

Los elementos de frase se utilizan para marcar frases y añadir estructura o significado semántico a fragmentos de texto. Por ejemplo, las etiquetas <em>y <strong>se pueden utilizar para añadir énfasis al texto.

General
<abbr>...</abbr>
Marca una abreviatura y puede hacer que la forma completa esté disponible:<abbr title="abbreviation">abbr.</abbr>
Estandarizado en HTML 4.0; aún vigente.
<acronym>...</acronym> (deprecated)
Similar al elemento, pero marca un acrónimo :<abbr><acronym title="Hyper-Text Mark-up Language">HTML</acronym>
Estandarizado en HTML 4.0; aún vigente, no compatible con HTML5. Se recomienda reemplazarlo con la abbretiqueta. [28]
<dfn>...</dfn>
Definición en línea de un solo término.
DFNExistió en HTML Internet Draft 1.2 y fue completamente estandarizado en HTML 3.2; aún está vigente.
<em>...</em>
Énfasis (que se muestra convencionalmente en cursiva)
EMExistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0; aún vigente.
<strong>...</strong>
importancia ; originalmente énfasis fuerte (convencionalmente se muestra en negrita). Un agente de usuario auditivo puede usar diferentes voces para enfatizar.
STRONGExistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0; aún vigente, redefinido en HTML5.
Elementos de frases de computadora

Estos elementos son útiles principalmente para documentar el desarrollo de código de computadora y la interacción del usuario a través de la diferenciación de código fuente ( ), variables ( ), entrada del usuario ( ) y salida de terminal u otra salida ( ).<code><var><kbd><samp>

<code>...</code>
Un fragmento de código ( code example). Representado convencionalmente en una fuente monoespaciada.
CODEExistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0; aún vigente.
<kbd>...</kbd>
Teclado – texto que debe ingresar el usuario ( kbd example).
KBDExistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0; aún vigente.
<samp>...</samp>
Ejemplo de salida – de un programa o script: (ejemplo de muestra).
SAMPExistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0; aún vigente.
<var>...</var>
Variable ( ejemplo var ).
VARExistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0; aún vigente.

Presentación

Como el marcado de presentación visual solo se aplica directamente a los navegadores visuales, se desaconseja su uso. En su lugar, se deben utilizar hojas de estilo. Varios de estos elementos están obsoletos o no son válidos en HTML 4/XHTML 1.0, y el resto no son válidos en el borrador actual de XHTML 2.0. Sin embargo, el borrador actual de HTML5 vuelve a incluir <s>, <u>, y <small>, asignando un nuevo significado semántico a cada uno. En un documento HTML5 , ya no se desaconseja el uso de estos elementos, siempre que sea semánticamente correcto.

<b>...</b>
En HTML 4 , configure la fuente en negrita siempre que sea posible. CSS equivalente: . El elemento suele tener el mismo efecto en los navegadores visuales, además de tener un significado más semántico, en HTML 4.01 . Sin embargo, en HTML5 , tiene su propio significado, distinto del de . Denota "texto al que se llama la atención con fines utilitarios sin transmitir ninguna importancia adicional y sin implicar una voz o estado de ánimo alternativo". [29]{ font-weight: bold; }<strong><b><strong>
BExistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0; aún vigente, redefinido en HTML5.
<i>...</i>
En HTML 4 , configure la fuente en cursiva siempre que sea posible. CSS equivalente : . El uso tiene el mismo efecto visual en la mayoría de los navegadores, además de tener un significado semántico que énfasis , en HTML 4.01 . (Las cursivas puramente tipográficas tienen muchos propósitos que no son de énfasis, como HTML 5 reconoció de manera más explícita). En HTML5 , sin embargo, tiene su propio significado semántico, distinto del de . Denota "una calidad diferente de texto" o "una voz o estado de ánimo alternativo", por ejemplo, un pensamiento, el nombre de un barco, el nombre de una especie binaria , una frase en un idioma extranjero, etc. [30]{ font-style: italic; }<em>...</em><i><em>
IExistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0; aún vigente, redefinido en HTML5.
<u>...</u>
En HTML 4 , texto subrayado . CSS equivalente: . Obsoleto en HTML 4.01 . Restaurado en HTML5. En HTML5 , el elemento denota "un fragmento de texto con una anotación no textual no articulada, aunque representada explícitamente, como etiquetar el texto como un nombre propio en texto chino (una marca de nombre propio chino) o etiquetar el texto como mal escrito". La especificación HTML5 recuerda a los desarrolladores que otros elementos son casi siempre más apropiados que . y advierte a los diseñadores que no utilicen texto subrayado cuando pueda confundirse con un hipervínculo. [31]{ text-decoration: underline; }<u><u>
UExistía en el borrador de Internet HTML 1.2 , se estandarizó en HTML 3.2 pero quedó obsoleto en HTML 4.0 Transitional y no era válido en HTML 4.0 Strict. Se reintrodujo en HTML5.
<small>...</small>
En HTML 4 , se redujo el tamaño de fuente ( texto más pequeño ). CSS equivalente: En HTML5 , el elemento denota "comentarios secundarios como letra pequeña". [32] Esto ha causado cierta confusión con el elemento.{ font-size: smaller; }<small><aside>...</aside>
Estandarizado en HTML 3.2; aún vigente.
<s>...</s>
En HTML 4 , indicaba texto tachado ( Strikethrough ) y era equivalente a <strike>. En HTML5 , el <s>elemento denota información que "ya no es precisa o ya no es relevante", y no debe confundirse con <del>, que indica eliminación/borrado. [33]
Squedó obsoleto en HTML 4.0 Transitional (no había aparecido en ningún estándar anterior) y no era válido en HTML 4.0 Strict. Se reintrodujo en HTML5, que en su lugar dejó obsoleto <strike>.
<big>...</big> (deprecated)
Tamaño de fuente aumentado ( texto más grande ). CSS equivalente:{ font-size: larger; }
Estandarizado en HTML 3.2; no compatible con HTML5.
<strike>...</strike> (deprecated)
Texto tachado ( Strikethrough ), (CSS equivalente: ){ text-decoration: line-through; }
STRIKEse estandarizó en HTML 3.2; obsoleto en HTML 4.0 Transitional; no válido en HTML 4.0 Strict.
<tt>...</tt> (deprecated)
Fuente de ancho fijo ( similar a una máquina de escribir ), también conocida como teletipo , de ahí la palabra "tt". (CSS equivalente: ){ font-family: monospace; }
TTExistía en el borrador de Internet HTML 1.2 y se estandarizó en HTML 2.0; no se admitía [34] en HTML5. Posibles reemplazos: <kbd> para marcar la entrada del usuario, <var> para variables (normalmente se muestra en cursiva y no con un cambio a monoespaciado), <code> para el código fuente, <samp> para la salida. [34]
<font>...</font> (deprecated)
<font [color=<var>color</var>] [size=<var>size</var>] [face=<var>face</var>]>...</font>Se puede especificar el color de la fuente con el coloratributo (tenga en cuenta la ortografía estadounidense), el tipo de letra con el faceatributo y el tamaño absoluto o relativo con el sizeatributo. Ejemplos (todos los usos están en desuso, utilice equivalentes CSS si es posible):
  • <font color="green">text</font>crea texto verde .
  • <font color="#114499">text</font>crea texto con color hexadecimal #114499 .
  • <font size="4">text</font>crea texto con tamaño 4. Los tamaños van del 1 al 7. El tamaño estándar es 3, a menos que se especifique lo contrario en <body> u otras etiquetas.
  • <font size="+1">text</font>crea texto con un tamaño 1 más grande que el estándar. es opuesto.<font size="-1">text</font>
  • <font face="Courier">text</font>crea texto con la fuente Courier.
CSS equivalente para atributos de fuente:
  • <font size="N">corresponde a (la especificación HTML no define la relación entre el tamaño N y el tamaño de la unidad Y , ni tampoco define una unidad).{font-size: Yunits}
  • <font color="red">corresponde a{ color: red; }
  • <font face="Times New Roman">corresponde a – CSS admite una pila de fuentes, de dos o más fuentes alternativas.{ font-family: 'Times New Roman', Times, serif; }
Estandarizado en HTML 3.2; obsoleto en HTML 4.0 Transitional; no válido en HTML 4.0 Strict. No forma parte de HTML5.

Durar

<span>...</span>
División lógica en línea. Elemento genérico sin significado semántico que se utiliza para distinguir una sección de un documento, generalmente con fines tales como presentación o comportamiento controlado por hojas de estilo o llamadas DOM .
Estandarizado en HTML 4.0; aún vigente.

Otros elementos en línea

<br />
Un salto de línea forzado.
Estandarizado en HTML 2.0; aún vigente.
<bdi>...</bdi>
Aísla una sección de texto en línea que puede estar formateada en una dirección diferente de otro texto fuera de ella, como contenido generado por el usuario con direccionalidad desconocida.
Estandarizado en HTML5.
<bdo>...</bdo>
Marca una sección de texto en línea en la que la dirección de lectura es opuesta a la del elemento principal.
Estandarizado en HTML 4.0; aún vigente.
<cite>...</cite>
Una cita o referencia a una cita o declaración en el documento.
CITE existía en HTML Internet Draft 1.2 , y fue estandarizado en HTML 2.0; aún está vigente.
Nota: Las especificaciones HTML 5 se han bifurcado de manera confusa , [35] incluso con respecto a este elemento. En HTML 4 y anteriores, <cite>era para "una cita o una referencia a otras fuentes" sin ninguna limitación o requisito particular. [36] La especificación HTML 5 del W3C utiliza un refinamiento de esta idea, reflejando cómo se ha utilizado históricamente el elemento, pero ahora requiere que contenga (pero no se limite a) al menos uno de "el título de la obra o el nombre del autor (persona, personas u organización) o una referencia URL, o una referencia en forma abreviada según las convenciones utilizadas para la adición de metadatos de cita". [37] Pero la especificación WHATWG solo permite que el elemento se utilice alrededor del título de una obra. [38] Las especificaciones del W3C comenzaron con la definición más amplia, luego cambiaron a la muy limitada después de que WHATWG hiciera este cambio. Sin embargo, el W3C revirtió su propio cambio en 2012, en respuesta a los comentarios negativos de la comunidad de desarrolladores; El elemento se utilizó ampliamente con un alcance más amplio, por ejemplo, varias plataformas de blogs y foros envuelven las identificaciones y direcciones de correo electrónico de los comentaristas en <cite>...</cite>, y las personas que usan el elemento para citas bibliográficas envolvían (y aún envuelven) rutinariamente cada cita completa en este elemento. Otro problema con el elemento es que WHATWG recomienda que se escriba en cursiva de manera predeterminada (por lo que casi todos los navegadores lo hacen), porque (en su opinión) es solo para títulos de publicaciones. Sin embargo, por convención, solo ciertos tipos de títulos realmente llevan cursiva, mientras que se espera que otros se pongan entre comillas, y los estándares pueden variar según el contexto de publicación y el idioma. En consecuencia, muchos autores y administradores de sitios web usan una hoja de estilo para todo el sitio para deshacer la cursiva automática de este elemento.
<data>...</data>
Vincula contenido en línea con una traducción legible por máquina.
Estandarizado en HTML5. [39]
<del>...</del>
Texto eliminado. Normalmente se muestra tachado :Texto eliminado.
Estandarizado en HTML 4.0; aún vigente.
<ins>...</ins>
Texto insertado. Se utiliza a menudo para marcar texto de reemplazo para material marcado con <del>o <s>. Normalmente se representa subrayado :Texto insertado.
Estandarizado en HTML 4.0; aún vigente.
Ambos <ins>elementos <del>también pueden utilizarse como elementos de bloque: contienen otros elementos de bloque y elementos en línea. Sin embargo, estos elementos deben permanecer completamente dentro de su elemento padre para mantener un documento HTML bien formado. Por ejemplo, para eliminar texto de la mitad de un párrafo a lo largo de varios párrafos y terminar en un párrafo final, se necesitarían utilizar tres <del>elementos separados. <del>Se requerirían dos elementos como elementos en línea para indicar la eliminación de texto en el primer y último párrafo, y un tercero, utilizado como elemento de bloque, para indicar la eliminación en los párrafos intermedios.
<mark>...</mark>
Produce texto que se vecomo estoDestinado a resaltar texto relevante en una cita.
Estandarizado en HTML5.
<q>...</q>
Una cita en línea (para citas a nivel de bloque, consulte <blockquote>). Los elementos de cita pueden estar anidados. <q> debe generar automáticamente comillas junto con las hojas de estilo. Las preocupaciones prácticas debido a la falta de compatibilidad del navegador pueden obligar a los autores a encontrar soluciones alternativas. El atributo proporciona la fuente y debe ser un URIcite completo .
Estandarizado en HTML 4.0; aún vigente.
Nota: Las citas en línea extensas se pueden mostrar como bloques sangrados (como block-quote) mediante hojas de estilo. Por ejemplo, con una regla CSS adecuada asociada con q.lengthy:<q class="lengthy">Lengthy quote here.</q>
<rb>...</rb>
Representa el componente base de una anotación ruby .
Estandarizado en HTML5. [40]
<rp>...</rp>
Proporciona paréntesis de respaldo para los navegadores que carecen de soporte para anotaciones Ruby .
Estandarizado en HTML5. [41]
<rt>...</rt>
Indica la pronunciación de un carácter en una anotación ruby .
Estandarizado en HTML5. [42]
<rtc>...</rtc>
Anotaciones semánticas para una anotación ruby .
Estandarizado en HTML5. [43]
<ruby>...</ruby>
Representa una anotación rubí para mostrar la pronunciación de caracteres del este de Asia.
Estandarizado en HTML5. [44]
<script>...</script>
Coloca un script en el documento. También se puede utilizar en el contexto de encabezado y de bloque. Nota: <script> no es en sí mismo un elemento de bloque o en línea; por sí mismo no debería mostrarse en absoluto, pero puede contener instrucciones para generar dinámicamente tanto contenido de bloque como de contenido en línea.
Estandarizado en HTML 3.2; aún vigente.
<sub>...</sub>
<sup>...</sup>
Marcar texto en subíndice o superíndice . (CSS equivalente: y , respectivamente).{ vertical-align: sub; }{ vertical-align: super; }
Ambos fueron propuestos en los borradores de HTML 3.0; estandarizados en HTML 3.2; aún vigentes.
<template>...</template>
Fragmentos de código que serán copiados por scripts.
Estandarizado en HTML5. [45]
<time>...</time>
Representa una hora en el reloj de 24 horas o una fecha en el calendario gregoriano , opcionalmente con información sobre la hora y la zona horaria. También permite representar horas y fechas en un formato legible por máquina.
Estandarizado en HTML5. [46]
<wbr />
Un salto de palabra opcional.
Fue ampliamente utilizado (y soportado por todos los navegadores principales) [ cita requerida ] durante años [ ¿período de tiempo? ] a pesar de no ser estándar hasta que finalmente se estandarizó en HTML5. [47]

Imágenes y objetos

<applet>...</applet> (deprecated)
Incorpora un subprograma Java en la página. Se dejó de usar en favor de <object>, ya que solo se podía usar con subprogramas Java y tenía limitaciones de accesibilidad.
Estandarizado en HTML 3.2; obsoleto en HTML 4.0 Transitional; no válido en HTML 4.0 Strict. A partir de 2011, todavía se utiliza ampliamente debido a que las implementaciones de reemplazo <object>no son consistentes entre los distintos navegadores.
<area />
Especifica un área enfocable en un <map>.
Estandarizado en HTML 3.2; aún vigente.
<audio>...</audio>
Agrega audio HTML reproducible a la página. La URL del audio se determina mediante el srcatributo. Los formatos de audio admitidos varían de un navegador a otro.
Estandarizado en HTML5.
<canvas>...</canvas>
Agrega un lienzo cuyo contenido se puede editar con JavaScript . Se usa frecuentemente para juegos en línea.
Estandarizado en HTML5.
<embed>...</embed>
Inserta un objeto no estándar (como un subprograma) o contenido externo (normalmente no HTML) en el documento.
Obsoleto en HTML 4 en favor de <object>, pero luego se agregó nuevamente a la especificación HTML5 [48] [49]
<img />
Utilizado por los agentes de usuario visuales para insertar una imagen en el documento. El srcatributo especifica la URL de la imagen. El altatributo requerido proporciona texto alternativo en caso de que no se pueda mostrar la imagen. [50] (Aunque altestá pensado como texto alternativo, Microsoft Internet Explorer 7 y versiones anteriores lo muestran como una información sobre herramientas si no titlese proporciona ningún atributo. [51] Safari y Google Chrome , por otro lado, no muestran el atributo alt en absoluto). [52] El <img />elemento fue propuesto por primera vez por Marc Andreessen e implementado en el navegador web NCSA Mosaic . [53]
IMGExistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0; aún vigente.
<map>...</map>
Especifica un mapa de imagen del lado del cliente .
Estandarizado en HTML 3.2; aún vigente.
<object>...</object>
Incluye un objeto en la página del tipo especificado por el typeatributo. Puede ser de cualquier tipo MIME que entienda el agente de usuario, como una página HTML incrustada, un archivo que se va a manejar mediante un complemento como Flash , un subprograma Java , un archivo de sonido, etc.
Estandarizado en HTML 4.0; aún vigente.
<param />
Originalmente introducido con <applet>, este elemento ahora se usa con <object>, y solo debe aparecer como elemento secundario de <object>. Utiliza atributos HTML para establecer un parámetro para el objeto, por ejemplo, ancho, alto, fuente, color de fondo, etc., según el tipo de objeto. Un objeto puede tener varios <param />elementos.
Estandarizado en HTML 3.2; aún vigente.
<source>...</source>
Especifica distintas fuentes de audio o video. Utiliza el srcatributo de forma similar a los elementos <video>and <audio>.
Estandarizado en HTML5.
<track>...</track>
Proporciona pistas de texto, como subtítulos y leyendas, para audio y video.
Estandarizado en HTML5.
<video>...</video>
Agrega un video HTML reproducible a la página. La URL del video se determina mediante el srcatributo. Los formatos de video admitidos varían de un navegador a otro.
Estandarizado en HTML5.

Formularios

Estos elementos se pueden combinar en un formulario o, en algunos casos, se pueden utilizar por separado como controles de interfaz de usuario; en el documento, pueden ser HTML simple o utilizarse junto con secuencias de comandos. El marcado HTML especifica los elementos que componen un formulario y el método por el que se enviará. Sin embargo, se debe utilizar algún tipo de secuencia de comandos ( del lado del servidor , del lado del cliente o ambos) para procesar la entrada del usuario una vez que se envía.

(Estos elementos son elementos de bloque o en línea, pero se recopilan aquí porque su uso está más restringido que el de otros elementos de bloque o en línea).

<form action="url">...</form>
Crea un formulario . El <form>elemento especifica y ejecuta la acción general de un área de formulario, utilizando el atributo requerido action.
Estandarizado en HTML 2.0; aún vigente.
<button>...</button>
Un botón de formulario genérico que puede contener una variedad de otros elementos para crear botones complejos.
Estandarizado en HTML 4.0; aún vigente.
<datalist>...</datalist>
Una lista de options para usar en elementos de formulario.
Estandarizado en HTML5.
<fieldset>...</fieldset>
Un contenedor para agregar estructura a los formularios. Por ejemplo, se puede agrupar una serie de controles relacionados dentro de un <fieldset>, al que luego se le puede <legend>agregar un para identificar su función.
Estandarizado en HTML 4.0; aún vigente.
<input />
<input>Los elementos permiten implementar una variedad de controles de formulario estándar.
Estandarizado en HTML 2.0; aún vigente.
Tipos de entrada:
 tipo ="casilla de verificación"
Una casilla de verificación . Puede estar marcada o desmarcada.
 tipo ="radio"
Un botón de opción . Si se asigna el mismo nombre a varios botones de opción, el usuario solo podrá seleccionar uno de ellos de este grupo.
 tipo ="botón"
Un botón de uso general. <button>Se prefiere este elemento si es posible (es decir, si el cliente lo admite), ya que ofrece más posibilidades.
 tipo ="enviar"
Un botón de envío .
 tipo ="imagen"
Un botón de imagen . La URL de la imagen se puede especificar con el srcatributo.
 tipo ="reset"
Un botón de reinicio para restablecer el formulario a los valores predeterminados.
 tipo ="texto"
Un campo de entrada de texto de una sola línea . El sizeatributo especifica el ancho predeterminado de la entrada en caracteres. max-lengthEstablece la cantidad máxima de caracteres que el usuario puede ingresar (que puede ser mayor que el tamaño).
Una variación del textcual produce una barra de búsqueda.
 tipo ="contraseña"
Una variación de text. La diferencia es que el texto escrito en este campo está enmascarado : los caracteres se muestran como un asterisco, un punto u otro sustituto. La contraseña se envía al servidor como texto sin formato , por lo que se necesita un protocolo de comunicación seguro subyacente como HTTPS si la confidencialidad es una preocupación.
 tipo ="archivo"
Un campo de selección de archivos (para cargar archivos a un servidor).
 tipo ="tel"
Una variación de textpara números de teléfono .
 tipo ="correo electrónico"
Una variación de textpara direcciones de correo electrónico .
 tipo ="url"
Una variación de textpara URL .
 tipo ="fecha"
Un selector de fecha.
 tipo ="tiempo"
Un selector de tiempo.
 tipo ="numero"
Una variación de textpara números.
 tipo ="rango"
Produce un control deslizante que devuelve un número, pero el número no es visible para el usuario.
 tipo ="color"
Un selector de color.
 tipo ="oculto"
hiddenLas entradas no son visibles en la página renderizada, pero permiten que un diseñador mantenga una copia de los datos que se deben enviar al servidor como parte del formulario. Por ejemplo, pueden ser datos que este usuario web ingresó o seleccionó en un formulario anterior y que se deben procesar junto con el formulario actual. No se muestran al usuario, pero los datos se pueden modificar en el lado del cliente editando la fuente HTML.
<isindex /> (deprecated)
<isindex />podría aparecer en el encabezado o en el cuerpo del documento, pero solo una vez en el documento. <isindex />funcionó como un formulario de búsqueda HTML primitivo; pero de facto quedó obsoleto por los formularios HTML más avanzados introducidos a principios y mediados de la década de 1990. Representa un conjunto de hipervínculos compuestos por un URI base, un ampersand y palabras clave codificadas con porcentajes separados por signos más .
ISINDEXexistía en etiquetas HTML ; estandarizado en HTML 2.0; obsoleto en HTML 4.0 Transitional; no válido en HTML 4.0 Strict.
<keygen>...</keygen> (deprecated)
Un generador de pares de claves.
Estandarizado en HTML5, pero eliminado en HTML 5.2.
<label for="id">...</label>
Crea una etiqueta para una entrada de formulario, como radio. Al hacer clic en la etiqueta, se activa un clic en la entrada correspondiente.
Estandarizado en HTML 4.0; aún vigente.
<legend>...</legend>
Una leyenda (título) para un <fieldset>.
Estandarizado en HTML 4.0; aún vigente.
<meter>...</meter>
Un medidor que necesita un valueatributo. También puede tener: min, low, high, y max.
Estandarizado en HTML5.
<option value="x">...</option>
Crea un elemento en una <select>lista.
Estandarizado en HTML 2.0; aún vigente.
<optgroup>...</optgroup>
Identifica un grupo de <option>elementos en una <select>lista.
Estandarizado en HTML 4.0; aún vigente.
<output>...</output>
El valor de un elemento de formulario.
Estandarizado en HTML5.
<progress>...</progress>
Una barra para mostrar el progreso de una acción.
Estandarizado en HTML5.
<select name="xyz">...</select>
Crea una lista de selección, de la que el usuario puede seleccionar una única opción. Puede representarse como una lista desplegable.
Estandarizado en HTML 2.0; aún vigente.
<textarea rows="8">...</textarea>
Un área de texto de varias líneas, cuyo tamaño se especifica mediante cols(donde una columna es un texto de un carácter de ancho) y rows atributos HTML . El contenido de este elemento está restringido a texto sin formato, que aparece en el área de texto como texto predeterminado cuando se carga la página.
Estandarizado en HTML 2.0; aún vigente.

Tablas

El formato de las tablas HTML se propuso en los borradores de HTML 3.0 y en las tablas HTML de RFC 1942 posteriores . Se inspiraron en el modelo de tabla CALS . Algunos elementos de estas propuestas se incluyeron en HTML 3.2; la forma actual de las tablas HTML se estandarizó en HTML 4. (Muchos de los elementos utilizados en las tablas no son elementos en bloque ni en línea ).

<table>...</table>
Identifica una tabla. Hay varios atributos HTML posibles en HTML Transitional, pero la mayoría de ellos no son válidos en HTML Strict y se pueden reemplazar con hojas de estilo. El summaryatributo se requiere informalmente por motivos de accesibilidad, aunque su uso no es sencillo.
Propuesto en los borradores de HTML 3.0; estandarizado en HTML 3.2; aún vigente.
<tr>...</tr>
Contiene una fila de celdas en un <table>.
Propuesto en los borradores de HTML 3.0; estandarizado en HTML 3.2; aún vigente.
<th>...</th>
Celda <table>de encabezado; el contenido se muestra convencionalmente en negrita y centrado. Un agente de usuario auditivo puede utilizar una voz más alta para estos elementos.
Propuesto en los borradores de HTML 3.0; estandarizado en HTML 3.2; aún vigente.
<td>...</td>
Una <table>celda de datos.
Propuesto en los borradores de HTML 3.0; estandarizado en HTML 3.2; aún vigente.
<colgroup>...</colgroup>
Especifica un grupo de columnas en un <table>.
Propuesto en Tablas HTML; Estandarizado en HTML 4.0; aún vigente.
<col>...</col>
Especifica una columna en un <table>.
Propuesto en Tablas HTML; Estandarizado en HTML 4.0; aún vigente.
<caption>...</caption>
Especifica un título para un <table>.
Propuesto en los borradores de HTML 3.0; estandarizado en HTML 3.2; aún vigente.
<thead>...</thead>
Especifica la parte del encabezado de un archivo <table>. El agente de usuario puede repetir esta sección si la tabla se divide en varias páginas (en formato impreso o en otros medios paginados).
Propuesto en Tablas HTML; Estandarizado en HTML 4.0; aún vigente.
<tbody>...</tbody>
Especifica un cuerpo de datos para un <table>.
Propuesto en Tablas HTML; Estandarizado en HTML 4.0; aún vigente.
<tfoot>...</tfoot>
Especifica la parte del pie de página de un archivo <table>. Al igual que <thead>, el agente de usuario puede repetir esta sección si la tabla se divide en varias páginas (en formato impreso o en otros medios paginados).
Propuesto en Tablas HTML; Estandarizado en HTML 4.0; aún vigente.

Marcos

Los marcos permiten que una ventana de navegador HTML visual se divida en segmentos, cada uno de los cuales puede mostrar un documento diferente. Esto puede reducir el uso del ancho de banda, ya que las partes repetidas de un diseño se pueden usar en un marco, mientras que el contenido variable se muestra en otro. Esto puede tener un cierto costo de usabilidad, especialmente en agentes de usuario no visuales, [54] debido a que los documentos (o sitios web) separados e independientes se muestran adyacentes entre sí y se les permite interactuar con la misma ventana principal. Debido a este costo, los marcos (excluyendo el <iframe>elemento) solo se permiten en el conjunto de marcos HTML 4.01. Los iframes también pueden contener documentos en diferentes servidores. En este caso, la interacción entre ventanas está bloqueada por el navegador. Sitios como Facebook y Twitter usan iframes para mostrar contenido ( complementos ) en sitios web de terceros. Google AdSense usa iframes para mostrar banners en sitios web de terceros.

En HTML 4.01, un documento puede contener a <head>y a <body> o a <head>y a <frameset>, pero no a <body>y a <frameset>. Sin embargo, <iframe>se pueden utilizar en el cuerpo de un documento normal.

<frameset>...</frameset> (deprecated)
Contiene el conjunto de <frame />elementos de un documento. La disposición de los marcos se proporciona mediante listas separadas por comas en los atributos HTMLrows y .cols
Estandarizado en HTML 4.0 Frameset, obsoleto en HTML5.
<frame /> (deprecated)
Define un único marco o región dentro del elemento <frameset>. Un documento independiente se vincula a un marco mediante el srcatributo dentro del <frame />elemento.
Estandarizado en HTML 4.0 Frameset, obsoleto en HTML5.
<noframes>...</noframes> (deprecated)
Contiene contenido HTML normal para agentes de usuario que no admiten <frame />elementos.
Estandarizado en HTML 4.0 Transitional, obsoleto en HTML5.
<iframe>...</iframe>
Un marco en línea coloca otro documento HTML en un marco. A diferencia de un <object />elemento, un marco <iframe>puede ser el marco "destino" para los vínculos definidos por otros elementos, y puede ser seleccionado por el agente de usuario como el foco para imprimir, ver su código fuente, etc. El contenido del elemento se utiliza como texto alternativo que se mostrará si el navegador no admite marcos en línea. Un documento independiente se vincula a un marco utilizando el srcatributo dentro de <iframe />, un código HTML en línea se incrusta en un marco utilizando el srcdocatributo dentro del <iframe />elemento.
Introducido por primera vez por Microsoft Internet Explorer en 1997, estandarizado en HTML 4.0 Transitional y permitido en HTML5.

longdescatributo

En HTML , longdesces un atributo utilizado dentro de los <img />elementos <frame />, o <iframe>. Se supone que es una URL [nota 5] a un documento que proporciona una descripción larga de la imagen, marco o iframe en cuestión. [55] Este atributo debe contener una URL, no –como se suele confundir– el texto de la descripción en sí.

longdescfue diseñado para ser utilizado por lectores de pantalla para mostrar información de imágenes para usuarios de computadoras con problemas de accesibilidad , como ciegos o discapacitados visuales , y es ampliamente implementado tanto por navegadores web como por lectores de pantalla. [56] Algunos desarrolladores objetan que [57] en realidad rara vez se usa para este propósito porque hay relativamente pocos autores que usan el atributo y la mayoría de esos autores lo usan incorrectamente; por lo tanto, recomiendan desaprobar longdesc. [58] La industria editorial ha respondido, abogando por la retención de longdesc. [59]

Ejemplo

< img  src = "Hola.jpg"  longdesc = "descripción.html" >


Contenido de description.html:

< br  /> < p > Esta es una imagen de un pastel de cumpleaños de dos capas. </ p >...

Enlace a la descripción larga en el texto

Dado que muy pocos navegadores gráficos permiten que el enlace esté disponible de forma nativa (Opera e iCab son las excepciones), es útil incluir un enlace a la página de descripción cerca del <img />elemento siempre que sea posible, ya que esto también puede ayudar a los usuarios videntes.

Ejemplo
< img  src = "Hola.jpg"  longdesc = "descripción.html"  /> [ < a  href = "descripción.html"  title = "descripción larga de la imagen" > D </ a > ]

Elementos históricos

Los siguientes elementos fueron parte del HTML inicial desarrollado por Tim Berners-Lee entre 1989 y 1991; se mencionan en Etiquetas HTML , pero quedaron obsoletos en HTML 2.0 y nunca fueron parte de los estándares HTML.

<listing>...</listing> (deprecated)
Este elemento mostraba el texto dentro de las etiquetas en una fuente monoespaciada y sin interpretar el HTML. La especificación HTML 2.0 recomendaba representar el elemento con hasta 132 caracteres por línea.
Obsoleto en HTML 3.2; obsoleto en HTML5. [60]
<plaintext> (deprecated)
<plaintext>no tiene una etiqueta final, ya que finaliza el marcado y hace que el resto del documento se analice como si fuera texto sin formato .
<plaintext>existía en etiquetas HTML ; obsoleto en HTML 2.0; no válido en HTML 4.0.
<xmp>...</xmp> (deprecated)
Este elemento mostraba el texto dentro de las etiquetas en una fuente monoespaciada y sin interpretar el HTML. La especificación HTML 2.0 recomendaba representar el elemento con 80 caracteres por línea.
Obsoleto en HTML 3.2; obsoleto en HTML5. [61]
<nextid> (deprecated)
Este elemento permitió que la herramienta de diseño web NeXT generara etiquetas de NOMBRE automáticas para sus anclas y se generó automáticamente. [60]
<nextid>existía en etiquetas HTML (descritas como obsoletas); obsoletas en HTML 2.0; no válidas en HTML 3.2 y versiones posteriores.

Elementos no estándar

¡Ésta es la nueva Wikipedia!

Ejemplo de texto de marquesina de la primera edición de Wikipedia (logrado mediante CSS; la etiqueta <marquee> en sí está obsoleta y ya no funciona en la mayoría de los navegadores)

Uuuuu

Ejemplo de texto parpadeante (logrado mediante CSS; la etiqueta <blink> está obsoleta y ya no funciona en la mayoría de los navegadores) con enlace a la página. No debe confundirse con UwU , esta página contiene la edición más antigua que se conserva en la Wikipedia en inglés.

En esta sección se enumeran algunos elementos obsoletos de uso generalizado, lo que significa que no se utilizan en código válido . Es posible que no sean compatibles con todos los agentes de usuario.

Hace que el texto parpadee. Se introdujo para imitar los códigos de escape ANSI . Se puede realizar con CSS cuando sea compatible: (este efecto puede tener consecuencias negativas para las personas con epilepsia fotosensible ; [62] su uso en Internet público debe seguir las pautas correspondientes).{text-decoration: blink}
<blink>Se originó en Netscape Navigator y es reconocido principalmente por sus descendientes, incluido Firefox ; está obsoleto o no es válido en HTML 2.0 y versiones posteriores. La etiqueta CSS de reemplazo, aunque estándar, no es obligatoria para su compatibilidad.
<layer>...</layer> (deprecated)
Crea una capa enmarcada y posicionada de forma absoluta. Se puede hacer con marcos o CSS. Hay atributos, entre ellos ID , LEFT , TOP , PAGEX , PAGEY , SRC , Z-INDEX , ABOVE , WIDTH , HEIGHT , BELOW , CLIP , VISIBILITY y CLIP .
<layer>originado en Netscape 4 ; obsoleto o inválido en HTML 4.01 y versiones posteriores.
<marquee>...</marquee> (deprecated)
Crea texto desplazable. Puede realizarse mediante scripts. (Este efecto puede tener consecuencias negativas para personas con epilepsia fotosensible ; [62] su uso en Internet público debe seguir las pautas adecuadas). Hay tres opciones, que incluyen Alternate , Scroll y slide . También se puede agregar Scrolldelay .
<marquee>originado en Microsoft Internet Explorer ; obsoleto o inválido en HTML 4.01 y versiones posteriores.
<nobr>...</nobr> (deprecated)
Hace que el texto no se corte al final de la línea, lo que evita el ajuste de línea cuando el texto excede el ancho del objeto que lo encierra. El texto adyacente puede cortarse antes y después de él. Se puede hacer con CSS:{white-space: nowrap;}
<nobr>es un elemento propietario que la mayoría de los navegadores reconocen por razones de compatibilidad; obsoleto o no válido en HTML 2.0 y versiones posteriores.
<noembed>...</noembed> (deprecated)
Especifica contenido alternativo, si no se puede representar la incrustación. Se reemplaza por el contenido del elemento o .<embed><object>

Comentarios

<!-- A Comment -->

Un comentario en HTML (y XML relacionado, SGML y SHTML) utiliza la misma sintaxis que el comentario SGML o el comentario XML , dependiendo del tipo de documento.

A diferencia de la mayoría de las etiquetas HTML, los comentarios no se anidan. En términos más generales, hay algunas cadenas que no pueden aparecer en el texto del comentario. Estas son <!--(el comienzo de un comentario), -->(esto finaliza el comentario, por lo que sigue trivialmente, no puede aparecer dentro de él) y --!>. Además, las cadenas >y ->no pueden aparecer al comienzo de un comentario y <!-no pueden aparecer al final. [63]

Como resultado, el marcado <!--Xbegin<!--Y-->Xend-->está mal formado y generará el comentarioXbegin<!--Yy el textoFin-->después de ello, o a veces simplementeFin-->, dependiendo del navegador.

Los comentarios pueden aparecer en cualquier parte de un documento, ya que el analizador HTML debe ignorarlos sin importar dónde aparezcan, siempre y cuando no estén dentro de otras estructuras de etiquetas HTML (es decir, no se pueden usar junto a atributos y valores; este es un marcado no válido :).<span id="x1"<!--for "extension one"--> style="...">

Los comentarios pueden incluso aparecer antes de la declaración del tipo de documento; no se permite que otras etiquetas hagan esto.

Sin embargo, no todos los navegadores y editores HTML son totalmente compatibles con el marco de sintaxis HTML y pueden hacer cosas impredecibles en determinadas condiciones de sintaxis. El manejo defectuoso de los comentarios solo afecta a alrededor del 5 % de todos los navegadores y editores HTML en uso, e incluso en ese caso, solo ciertas versiones se ven afectadas por problemas de manejo incorrecto de los comentarios (Internet Explorer 6 representa la mayor parte de este alto porcentaje).

Hay algunas peculiaridades de compatibilidad relacionadas con los comentarios:

  • Si se colocan comentarios (o cualquier carácter, excepto espacios en blanco) antes de la doctypelínea, Internet Explorer 6 utilizará el modo especialdoctype para la página HTML. No se procesará ninguna información.
  • Para compatibilidad con algunos navegadores anteriores a 1995, los contenidos de los elementos <style>y <script>todavía están rodeados a veces por delimitadores de comentarios, y los navegadores compatibles con CSS y scripts están escritos para ignorar específicamente ese marcado de comentario como si no fuera realmente un comentario. Esto significa que los intentos de comentar realmente el marcado CSS y script modificando los elementos dentro del comentario para que no se reconozcan, por ejemplo , .<-- [script]...[/script] -->
  • El editor HTML de BlueGriffon , en las versiones 1.7.x , realiza comentarios que no están incrustados en la estructura sintáctica; se mostrarán en pantalla. Otros editores HTML pueden tener este mismo defecto.<style> ... {comment tags} ...</style>

Véase también

Notas

  1. ^ HTML 4.01 es una de las pocas DTD HTML conocidas. Se ha elegido aquí como el mejor ejemplo ilustrativo, aunque el mismo comportamiento se aplica a las otras DTD publicadas por el W3C para HTML.
  2. ^ Una característica similar a una macro de los DTD aún puede usarse dentro de XML.
  3. ^ Una pequeña diferencia es que XML, incluso después de la interfaz DOM, distingue entre mayúsculas y minúsculas. [5]
  4. ^ Sin embargo, véase la inevitable excepción.<object>
  5. ^ Estrictamente un IRI , no una URL; aunque las URL son un subconjunto de los IRI.

Referencias

  1. ^ ab "§3 Sobre SGML y HTML". Especificación HTML 4.01 . W3C . 24 de diciembre de 1999. §3.2.1 Elementos.
  2. ^ "§3 Sobre SGML y HTML". Especificación HTML 4.01 . W3C . 24 de diciembre de 1999. §3.1 Introducción a SGML.
  3. ^ "HTML 4.01, §21, Definición de tipo de documento". W3C . 24 de diciembre de 1999.
  4. ^ abcde «Estándar HTML § Etiquetas opcionales». WHATWG . Consultado el 22 de marzo de 2019 .
  5. ^ "§1. Modelo de objetos de documento HTML". Especificación HTML de nivel 2 del Modelo de objetos de documento (DOM) . W3C . 9 de enero de 2003. §1.3. XHTML y el DOM HTML.
  6. ^ ab "§7 La estructura global de un documento HTML". Especificación HTML 4.01 . W3C . 24 de diciembre de 1999. §7.5.3 Elementos en línea y a nivel de bloque.
  7. ^ Mark Newhouse (27 de septiembre de 2002). "Diseño CSS: cómo domesticar las listas". A List Apart .
  8. ^ XHTML 1.0 §4.2
  9. ^ XML 1.0 (La capacidad de producir elementos adicionales es parte de la extensibilidad del acrónimo).
  10. ^ XML 1.0 §5.1
  11. ^ QUÉ HACER. § 15
  12. ^ XHTML 1.1 §A
  13. ^ "HTML y CSS". W3C . 2013.
  14. ^ "Apéndice D. Hoja de estilo predeterminada para HTML 4". Especificación de hojas de estilo en cascada, nivel 2, revisión 1 (CSS 2.1) . W3C . 7 de junio de 2011.
  15. ^ HTML 4.01 §14.1
  16. ^ Ferraiolo, J.; Fujisawa, J.; Jackson, D., eds. (14 de enero de 2003). "§2.3 Opciones para usar SVG en páginas web". Especificación de gráficos vectoriales escalables (SVG) 1.1 . W3C . Consultado el 25 de marzo de 2009 .
  17. ^ HTML 4.01 §12.3
  18. ^ HTML 4.01 §14.3.2
  19. ^ HTML 4.01 §18
  20. ^ CSS §1.1
  21. ^ "4.4 Agrupamiento de contenido – HTML5". HTML5: Un vocabulario y API asociadas para HTML y XHTML – Recomendación del W3C . World Wide Web Consortium . 28 de octubre de 2014. §4.4.8 El elemento dl . Consultado el 16 de agosto de 2015 .
  22. ^ "Listas en documentos HTML". Especificación HTML 4.01 – Recomendación del W3C . Consorcio World Wide Web. 24 de diciembre de 1999. §10.3 Listas de definiciones: los elementos DL, DT y DD . Consultado el 2 de mayo de 2015 .
  23. ^ "HTML5: Un vocabulario y API asociadas para HTML y XHTML, Borrador de trabajo del W3C". W3C . 5 de abril de 2011..
  24. ^ HTML 4.01, W3C , consultado el 26 de marzo de 2012
  25. ^ Tittel, Ed; Burmeister, Mary C. (2005). HTML 4 para principiantes (5.ª ed.). Hoboken, Nueva Jersey: Wiley. pág. 96. ISBN 978-0-7645-8917-1. Recuperado el 7 de agosto de 2022 .
  26. ^ "ServerWriter -- /Proveedor". W3C .
  27. ^ "HTML 5.2". W3C .
  28. ^ Etiqueta de acrónimo, acrónimo.
  29. ^ 4.6 Semántica a nivel de texto: el elemento b, Developers.whatwg.org , consultado el 26 de marzo de 2012
  30. ^ 4.6 Semántica a nivel de texto: el elemento i, Developers.whatwg.org , consultado el 26 de marzo de 2012
  31. ^ 4.6 Semántica a nivel de texto: el elemento u, Developers.whatwg.org , consultado el 26 de marzo de 2012
  32. ^ 4.6 Semántica a nivel de texto: el elemento pequeño, Developers.whatwg.org , consultado el 26 de marzo de 2012
  33. ^ 4.6 Semántica a nivel de texto: el elemento s, Developers.whatwg.org , consultado el 26 de marzo de 2012
  34. ^ ab 11 Características obsoletas — HTML5, W3C , recuperado el 26 de marzo de 2012
  35. ^ "Se ha finalizado la especificación HTML5, pero continúan las disputas sobre las especificaciones". Ars Technica. 29 de octubre de 2014. Consultado el 29 de octubre de 2014 .
  36. ^ "9.2.1 Elementos de frase: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR y ACRONYM". Especificación HTML 4.01 . W3C . 24 de diciembre de 1999 . Consultado el 26 de julio de 2018 .
  37. ^ Recomendación W3C HTML 5.2, en "§4.5.6. El elemento cite".
  38. ^ HTML Living Standard, en "§4.5.6 El elemento cite".
  39. ^ "<datos>". Documentos web de MDN .
  40. ^ "Etiqueta HTML <rb>". www.quackit.com .
  41. ^ "<rp>: El elemento de paréntesis de respaldo de Ruby". MDN Web Docs .
  42. ^ "<rt>: El elemento de texto Ruby". Documentos web de MDN .
  43. ^ "<rtc>: El elemento contenedor de texto Ruby". MDN Web Docs .
  44. ^ "<ruby>". Documentos web de MDN .
  45. ^ "<plantilla>". Documentos web de MDN .
  46. ^ "<tiempo>". Documentos web de MDN .
  47. ^ "<wbr>". Documentos web de MDN .
  48. ^ Jennifer Kyrnin Archivado el 2 de noviembre de 2012 en Wayback Machine. <embed>
  49. ^ W3Schools acerca de<embed>
  50. ^ El texto del atributo alt no se puede estilizar con marcado; como resultado, se han ideado otros métodos de presentación de texto alternativo, como Fahrner Image Replacement , para adaptarse a situaciones en las que el codificador desea que se muestre texto con estilo si las imágenes están deshabilitadas en el navegador de un usuario.
  51. ^ "Novedades de Internet Explorer 8: accesibilidad y ARIA". MSDN . Microsoft . Consultado el 22 de julio de 2009 .
  52. ^ Error 5566: el valor del atributo ALT a veces no se muestra cuando falta una imagen, Bugs.webkit.org , consultado el 26 de marzo de 2012
  53. ^ WWW-Talk enero-marzo de 1993: nueva etiqueta propuesta: IMG, 1997.webhistory.org , consultado el 26 de marzo de 2012
  54. ^ "¿Son accesibles los marcos?". ...los marcos presentan desafíos de usabilidad adicionales que son exclusivos de los usuarios con discapacidades, particularmente aquellos que usan lectores de pantalla.
  55. ^ "Objetos, imágenes y subprogramas". W3C . Consultado el 20 de diciembre de 2008 .
  56. ^ "InState Longdesc" . Consultado el 5 de septiembre de 2011 .
  57. ^ "Creación de imágenes accesibles". WebAim . Consultado el 20 de diciembre de 2008 .
  58. ^ Uso de Longdesc - Wiki WHATWG, Wiki.whatwg.org , consultado el 26 de marzo de 2012
  59. ^ "Error 13461 - Comentario sobre el número 30 (descripcion larga) de la Asociación de Editores Estadounidenses" . Consultado el 5 de septiembre de 2011 .
  60. ^ ab "Obsoleto: características no conformes". HTML Living Standard . WHATWG . 22 de julio de 2022 . Consultado el 7 de agosto de 2022 .
  61. ^ "<xmp>". Documentos web de MDN . 24 de febrero de 2023.
  62. ^ ab Chisholm, Wendy; Vanderheiden, Gregg; Jacobs, Ian (5 de mayo de 1999). "Pautas de Accesibilidad al Contenido Web 1.0". Consorcio World Wide Web . Consultado el 20 de julio de 2010 .
  63. ^ "Estándar HTML". html.spec.whatwg.org .

Bibliografía

Estándares HTML

HTML 2.0:
Berners-Lee, Tim ; Connolly, Dan (noviembre de 1995). Hypertext Markup Language - 2.0 (RFC 1866). IETF . doi : 10.17487/RFC1866 . RFC 1866 . Consultado el 24 de marzo de 2009 .
HTML 3.2:
Raggett, Dave (14 de enero de 1997). "Especificación de referencia HTML 3.2". W3C . Consultado el 27 de marzo de 2009 .
HTML 4.01:
Raggett, Dave ; Le Hors, Arnaud; Jacobs, Ian (24 de diciembre de 1999). "Especificación HTML 4.01". W3C . Consultado el 24 de marzo de 2009 .(HTML 4.01 reemplazó a 4.0 (1998), que nunca se implementó ampliamente, y a todas las versiones anteriores. Reemplazado a su vez el 27 de marzo de 2018 por HTML 5.2).
XHTML 1.0:
"XHTML 1.0: El lenguaje de marcado de hipertexto extensible (segunda edición)". Versión revisada. W3C . 2002-08-01 [2000] . Consultado el 24 de marzo de 2009 .
XHTML 1.1:
Altheim, Murray; McCarron, Shane; Ishikawa, Masayasu, eds. (2010-11-23) [2001]. "XHTML 1.1 - XHTML basado en módulos - Segunda edición". Versión revisada. W3C . Consultado el 26 de julio de 2018 . (Reemplazado el 27/03/2018 por HTML 5.2.)
Austin, Daniel; Peruvemba, Subramanian; McCarron, Shane; Ishikawa, Masayasu; Birbeck, Mark; Altheim, Murray; Boumphrey, Frank; Dooley, Sam; Schnitzenbaumer, Sebastian; Wugofski, Ted, eds. (2010-07-29) [2006]. "Modularización XHTML 1.1 - Segunda edición". Versión revisada. W3C . Consultado el 26 de julio de 2018 . (Una versión más detallada de lo anterior. También reemplazada el 27 de marzo de 2018 por HTML 5.2.)
HTML 5.2 del W3C:
Faulkner, Steve; Eicholz, Arron; Leithead, Travis; Danilo, Alex; Moon, Sangwhan; Doyle Navara, Erika; O'Connor, Theresa; Berjon, Robin, eds. (14 de diciembre de 2017) [2016]. "Recomendación del W3C sobre HTML 5.2". Versión revisada. W3C . Consultado el 26 de julio de 2018 . Reemplaza todas las versiones anteriores de HTML y XHTML, incluido HTML 5.1.
Estándar de vida HTML5 de WHATWG:
Hickson, Ian , ed. (25 de julio de 2018). "HTML Living Standard". Versión de una página. WHATWG . Consultado el 26 de julio de 2018 . También está disponible como versión multipágina y edición para desarrolladores (también multipágina, con una función de búsqueda y otros gadgets, y sin detalles que solo interesan a los proveedores de navegadores).

Otras fuentes

Etiquetas HTML:
Berners-Lee, Tim (3 de noviembre de 1992). «Etiquetas HTML» . Consultado el 28 de marzo de 2009 . (Parte de la primera descripción publicada de HTML).
Borrador HTML de Internet 1.2:
Berners-Lee, Tim ; Connolly, Dan (junio de 1993). "Hypertext Markup Language (HTML)" (Lenguaje de marcado de hipertexto [HTML]) . Consultado el 28 de marzo de 2009 .
Borradores HTML 3.0:
Raggett, Dave (24 de marzo de 1995). "Especificación del lenguaje de marcado de hipertexto versión 3.0 (borrador)" . Consultado el 18 de abril de 2009 . (Este es el borrador final de HTML 3.0, que expiró sin ser desarrollado más.)
Tablas HTML:
Raggett, Dave (mayo de 1996). Tablas HTML (RFC 1942). IETF . doi : 10.17487/RFC1942 . RFC 1942 . Consultado el 22 de marzo de 2009 .
XML 1.0:
Bray, Tim ; Paoli, Jean ; Sperberg-McQueen, C. Michael ; Maler, Eve; Yergeau, François, eds. (2008-11-26). "Lenguaje de marcado extensible (XML) 1.0 (quinta edición)". W3C . Consultado el 20 de marzo de 2009 .
CSS 1:
Lie, Håkon Wium ; Bos, Bert (2008-04-11) [1996]. "Hojas de estilo en cascada, nivel 1". Versión revisada. W3C . Consultado el 26 de julio de 2018 .
CSS 2.1:
Bos, Bert ; Çelik, Tantek ; Hickson, Ian ; Lie, Håkon Wium (12 de abril de 2016) [2011]. "Especificación de hojas de estilo en cascada de nivel 2, revisión 1 (CSS 2.1)". Versión revisada. W3C . Consultado el 26 de julio de 2018 .
CSS 3 y 4:
Atkins, Tab Jr.; Eternad, Elika J.; Rivoal, Florian (31 de enero de 2017). "CSS Snapshot 2017". W3C . §2. Hojas de estilo en cascada (CSS): la definición oficial . Consultado el 26 de julio de 2018 . (Lista de especificaciones activas que han reemplazado a CSS 2.1, a partir de la fecha de publicación).
"Estado actual de CSS". W3C . 2018 . Consultado el 26 de julio de 2018 . (Los niveles CSS 3 y 4 se desarrollan como módulos independientes, indexados en esa página).
  • HTML 4.01 (24 de diciembre de 1999): elementos y atributos
  • HTML5 (28 de octubre de 2014): elementos y atributos
Obtenido de "https://es.wikipedia.org/w/index.php?title=Elemento_HTML&oldid=1258149817#Formularios"