Articulo de referencia

Elemento HTML

Un elemento HTML es un tipo de componente de documento HTML ( Lenguaje de Marcado de Hipertexto ), uno de varios tipos de nodos HTML (algunos tipos de nodos comunes incluyen nod...

Un elemento HTML es un tipo de componente de documento HTML ( Lenguaje de Marcado de Hipertexto ), uno de varios tipos de nodos HTML (algunos tipos de nodos comunes incluyen nodos de documento, fragmento de documento, interfaz y atributo ). [ 1 ] 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 una estructura jerárquica formada por nodos HTML simples, como nodos de texto, y elementos HTML, que añaden semántica y formato a partes del documento (por ejemplo, poner texto en negrita, organizarlo en párrafos, listas y tablas, o insertar hipervínculos e imágenes). Cada elemento puede tener atributos HTML específicos. Los elementos también pueden contener contenido, incluyendo otros elementos y texto.

Conceptos

Diagrama de Euler de las categorías de contenido de los elementos HTML.
Categorías de contenido de elementos HTML

Elementos vs. etiquetas

Como es de entender general, la posición de un elemento se indica como aquella que abarca desde una etiqueta de inicio hasta una etiqueta de cierre. [ 2 ] Este es el caso de muchos, pero no de todos, los elementos dentro de un documento HTML. La distinción se enfatiza explícitamente en la especificación HTML 4.01 : [ 3 ]

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

De manera similar, la Recomendación HTML 5.1 2nd Edition del W3C dice explícitamente: [ 4 ]

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 pueden omitirse. [...] El contenido del elemento debe colocarse justo después de la etiqueta de inicio (que puede estar implícita en algunos casos) y justo antes de la etiqueta de fin (que, de nuevo, puede estar implícita en algunos casos).

y: [ 4 ]

Se pueden omitir ciertas etiquetas. NOTA: Omitir la etiqueta de inicio de un elemento [...] no significa que el elemento no esté presente; se sobreentiende, pero sigue estando ahí. Por ejemplo, un documento HTML siempre tiene un <html>elemento raíz, aunque la cadena <html>no aparezca en ninguna parte del marcado.

Como HTML (antes de HTML5 ) se basa en SGML , [ 5 ] su análisis también depende de la Definición de Tipo de Documento (DTD), específicamente una DTD de HTML (por ejemplo, HTML 4.01). [ 6 ] [ 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), su declaración explícita en cualquier documento dado generalmente no es necesaria. Como ejemplo simple, la etiqueta que indica el inicio 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 pueden anidarse, un fragmento de documento HTML se infiere que es equivalente a . (Si un elemento de párrafo no puede contener otro, cualquier párrafo actualmente abierto debe cerrarse antes de comenzar otro). Dado 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 únicamente mediante un analizador sintáctico compatible con SGML o HTML que conozca la DTD. HTML5 genera un resultado similar al definir qué etiquetas se pueden omitir. [ 7 ]<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

SGML es complejo, lo que ha limitado su comprensión y adopción generalizadas. XML se desarrolló como una alternativa más sencilla. Si bien ambos pueden usar 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 etiquetas y elementos siempre implica el análisis de las etiquetas reales incluidas en el documento, sin los cierres implícitos que forman parte de SGML. [ nota 2 ]

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

%block;vs. caja

Parte de este comportamiento de presentación de CSS es la noción del " modelo de caja ". Este se aplica a aquellos elementos que CSS considera elementos de "bloque", definidos mediante la declaración CSS. display:block;

HTML también tiene un concepto similar, aunque diferente, y ambos se confunden con mucha frecuencia. %block;y %inline;son grupos dentro de la DTD de HTML que agrupan elementos como "de nivel de bloque" o "en línea". [ 9 ] Esto se utiliza para definir su comportamiento de anidamiento: los elementos de nivel de bloque no pueden colocarse en un contexto en línea. [ nota 4 ] Este comportamiento no se puede cambiar; está fijo en la DTD. Los elementos de bloque y en línea tienen los comportamientos CSS apropiados y diferentes adjuntos a ellos por defecto, [ 9 ] incluyendo la relevancia del modelo de caja para tipos de elementos particulares.

Tenga en cuenta que este comportamiento CSS puede modificarse, y de hecho se modifica con frecuencia, respecto al valor predeterminado. Las listas con elementos y se presentan como elementos de bloque por defecto. Sin embargo, es bastante común configurarlas con CSS para que se muestren como una lista en línea. [ 10 ]<ul><li> ...%block;

Descripción general

Sintaxis

<pag dolassAttribtminorteametromi=pagaragramorapaghAttrAttribtmi valmi>Start tagramoThis is a pagaragramorapagh.doonortetminortet</pag>minortedtagramomilmimetrominortet{\displaystyle \overbrace {\overbrace {{\mathtt {\color {BrickRed}<\!p\ }}\color {Magenta}\underbrace {\mathtt {class}} _{\mathsf {\color {Black}{Attribute \atop name}}}{\mathtt {=''}}\!\underbrace {\mathtt {paragraph}} _{\mathsf {\color {White}{Attr} \atop \color {Black}Attribute\ value}}''{\mathtt {\color {BrickRed}>}}} ^{\mathsf {Start\ tag}}\overbrace {\mathtt {\color {Green}This\ is\ a\ paragraph.}} ^{\mathsf {Content}}\overbrace {\mathtt {\color {BrickRed}<\!/p\!>}} ^{\mathsf {End \atop tag}}} ^{\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 cierre, con el contenido entre ellas. Una etiqueta HTML se compone del nombre del elemento, rodeado de corchetes angulares . Una etiqueta de cierre también tiene una barra diagonal después del corchete angular de apertura. [ 11 ] : 23–24 Por ejemplo, un párrafo, que está representado por el <p>elemento, se escribiría como:

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

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

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

Al usar XHTML , es necesario abrir y cerrar todos los elementos, incluidos los elementos vacíos. Esto se puede hacer colocando una etiqueta de cierre inmediatamente después de la etiqueta de apertura, pero esto no es válido en HTML 5 y dará como resultado la creación de dos elementos. Una forma alternativa de especificar que se trata de un elemento vacío, compatible tanto con XHTML como con HTML 5, es colocar una etiqueta /al final de la etiqueta (que no debe confundirse con la etiqueta /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 apertura y se componen del nombre del atributo, seguido de un signo igual y, a continuación, el valor. Por ejemplo: [ 11 ] : 25–26

< p lang = "en-us" > Párrafo en inglés </p>

Desde HTML5 , HTML permite el uso de nombres de atributos en mayúsculas y la omisión de comillas. [ 11 ] : 26

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

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

Tipos de elementos

Existen 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 cierre, aunque para algunos elementos se puede omitir la etiqueta de cierre, 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 , incluyendo texto y otros elementos;
  • una etiqueta de cierre , en la que el nombre del elemento está precedido por una barra diagonal : .</tag>

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

  • una etiqueta de inicio (con 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 de cierre correspondiente, se interpretarán como contenido);
  • una etiqueta de cierre , en la que el nombre del elemento va precedido de 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 plano .

Los elementos vacíos (también llamados a veces elementos simples o independientes) solo tienen una etiqueta de inicio (en el formato), que contiene cualquier atributo HTML. No pueden contener elementos secundarios, como texto u otros elementos. Para compatibilidad conXHTML, la especificación HTML permite un espacio y una barra inclinada opcionales (es permisible). La barra inclinada es obligatoria enXHTMLy otrasXML. Dos elementos vacíos comunes son(para unsalto de línea duro, como en un poema o una dirección) y(para unsalto temático). Otros elementos de este tipo suelen ser marcadores de posición que hacen referencia a archivos externos, como elelemento de imagen ( ). Los atributos incluidos en el elemento apuntarán entonces al archivo externo en cuestión. Otro ejemplo de un elemento vacío es, cuya sintaxis es: <tag><tag /><br/><hr/><img/><link/>

< link rel = "stylesheet" href = "fancy.css" type = "text/css" >

Este elemento indica al navegador la hoja de estilos que debe usar para presentar el documento HTML al usuario. En la sintaxis HTML, los atributos no necesitan ir entre comillas si están compuestos únicamente por ciertos caracteres: letras, dígitos, el guion y el punto. En cambio, al usar la sintaxis XML (XHTML), todos los atributos deben ir entre comillas y se requiere una barra diagonal con espacio antes del último corchete angular. <link/>

< link rel = "stylesheet" href = "fancy.css" type = "text/css" />

Atributos

Los atributos HTML definen el comportamiento deseado o indican propiedades adicionales de un elemento. La mayoría de los atributos requieren un valor . En HTML, el valor puede dejarse sin comillas si no incluye espacios (), o puede ir 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 son las checkedcasillas de verificación:

< input type = checkbox checked >

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

<input type= "checkbox" checked= "checked" />

Estándares 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 la W3C .

Durante la guerra de navegadores de la década de 1990, los desarrolladores de agentes de usuario (por ejemplo, navegadores web ) a menudo creaban sus propios elementos, algunos de los cuales se han incorporado a estándares posteriores. Otros agentes de usuario pueden no reconocer los elementos no estándar y los ignorarán, lo que podría provocar que la página se muestre incorrectamente.

En 1998, XML (una forma simplificada de SGML) introdujo mecanismos para permitir que cualquiera desarrollara sus propios elementos e los incorporara en documentos XHTML , para su uso con agentes de usuario compatibles con XML. [ 13 ]

Posteriormente, HTML 4.01 se reescribió en un formato compatible con XML , XHTML 1.0 ( HTML extensible ). Los elementos de ambos 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 HTML estándar, salvo que se indique lo contrario; sin embargo, también es aplicable a XHTML. Consulte la documentación de HTML para obtener información sobre las pequeñas diferencias entre ambos.

Estado del elemento

Desde la primera versión de HTML, varios elementos han quedado obsoletos y se consideran en desuso en estándares posteriores, o simplemente no aparecen, en cuyo caso son inválidos (y los agentes de usuario que validan los encontrarán inválidos y posiblemente no los muestren ). [ 14 ]

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

  • Transitorias , que contienen elementos obsoletos, pero que tenían como objetivo proporcionar un período de transición durante el cual los autores pudieran actualizar sus prácticas;
  • Frameset , que son versiones de las DTD de transición que también permiten a los autores escribir documentos frameset ;
  • Strict , que es la forma actualizada (a fecha de 1999) de HTML.

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

El primer estándar ( HTML 2.0 ) contenía cuatro elementos obsoletos, uno de los cuales era inválido en HTML 3.2 . Los cuatro son inválidos en HTML 4.01 Transitional , que también declaró obsoletos otros diez elementos. Todos estos, más dos adicionales, son inválidos en HTML 4.01 Strict . Si bien los elementos frame siguen vigentes en el sentido de que están presentes en las DTD Transitional y Frameset, no hay planes para conservarlos en futuros estándares, ya que su función ha sido reemplazada en gran medida y presentan graves problemas de accesibilidad para el 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 .) [ 16 ]

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

Contenido frente a presentación y comportamiento

Desde HTML 4, HTML se ha centrado cada vez más en la separación del contenido (el texto e imágenes visibles) de la presentación (como el color, el tamaño de la fuente y el diseño). [ 17 ] Esto se conoce a menudo como separación de responsabilidades . 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. [ 18 ]

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

La separación de responsabilidades 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 su visualización en un monitor, impresión en papel o para determinar las características del habla en un agente de usuario exclusivamente de audio. Las funciones estructurales y semánticas del marcado permanecen idénticas en cada caso.

Históricamente, los agentes de usuario no siempre admitieron estas características. En la década de 1990, como solución provisional, se añadieron elementos de presentación (como <b>y <i>) a HTML, a costa de crear problemas de interoperabilidad y accesibilidad para el usuario. Esto ahora 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. [ 19 ]

Los archivos de imagen externos se incorporan con los elementos <img />o . (Con XHTML , el lenguaje SVG también se puede usar para escribir gráficos dentro del documento, aunque vincular a archivos SVG externos suele ser más sencillo). [ 20 ] 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 puede ampliarse mediante el uso de scripts para proporcionar comportamientos adicionales que van más allá de las capacidades de los hipervínculos y formularios HTML.

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

  • En el encabezado del documento, <style />puede contener <script />enlaces a documentos externos compartidos o instrucciones <style>...</style>integradas <script>...</script>. (Este <link>elemento también puede utilizarse para enlazar 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 gestión 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 de nivel de bloque.

Elementos de la estructura del documento

<html>...</html>
El 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 la etiqueta de inicio como la de fin (HTML5). [ 7 ]
Estandarizado en HTML 2.0 ; sigue vigente.
Contenedor para procesar información y metadatos de un documento HTML.
Tanto la etiqueta de inicio como la de fin pueden omitirse e inferirse a partir de los elementos secundarios (HTML5). [ 7 ]
Estandarizado en HTML 5.0 ; sigue vigente.
<body></body>
Contenedor para el contenido que se puede mostrar en un documento HTML.
Tanto la etiqueta de inicio como la de fin pueden omitirse e inferirse a partir de los elementos secundarios (HTML5). [ 7 ]
Estandarizado en HTML 2.0 ; sigue vigente.

Elementos de encabezado del documento

<base />
Especifica una URL base para todos los enlaces relativos hrefy otros enlaces en el documento. Debe aparecer antes de cualquier elemento que haga referencia a un recurso externo. HTML permite solo un <base>elemento por documento. Este elemento tiene atributos HTML , pero no contenido.
Una versión de desarrollo de este elemento (como BASE) se menciona en Etiquetas HTML ; estandarizada en HTML 2.0 ; todavía vigente.
<basefont />(deprecated)
Especifica un tamaño de fuente, tipo de letra y color base para el documento. Se utiliza junto con <font>elementos. Obsoleto; se recomienda usar hojas de estilo .
Estandarizado en HTML 3.2 ; obsoleto en HTML 4.0 Transitional ; inválido en HTML 4.0 Strict .
La etiqueta <ISINDEX> se muestra en Netscape 3.0.
<isindex />(deprecated)
<isindex>Podría aparecer en el encabezado o en el cuerpo del documento, pero solo una vez en un documento. Mostraría un campo de texto que enviaría el único parámetro para ?stringfacilitar el análisis para los scripts CGI en lugar de enviar ?query=string. Ver Formularios .
Especifica enlaces a otros documentos, como enlaces anteriores y siguientes , o versiones alternativas. [ 21 ] Un uso común es enlazar a hojas de estilo externas , usando el formato, . [ 22 ] 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.<linkrel="stylesheet"type="text/css"href="url"title="description_of_style"><linkrel="next"href="url"><head><link />
LINKExistía en el borrador 1.2 de HTML para Internet y fue estandarizado en HTML 2.0 ; sigue vigente.
<meta />

Se puede utilizar para especificar metadatos adicionales sobre un documento, como su autor, fecha de publicación, fecha de caducidad, idioma, título de página, descripción de página, palabras clave u otra información no proporcionada a través de los demás 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 head. El propósito específico de cada elemento está definido por sus atributos. Fuera de XHTML , a menudo se da sin la barra diagonal ( ), a pesar de ser un elemento vacío . <meta /><meta>

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

En su 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 defina el significado de la clave y su valor. Por ejemplo, en el elemento se identifica como que contiene el elemento, con un valor de , del marco de descripción de recursos DC o Dublin Core .<metaname="foo"content="bar"scheme="DC"/><meta />foobar
Estandarizado en HTML 2.0 ; sigue vigente.
<object>...</object>
Se utiliza para incluir objetos genéricos en el encabezado del documento. Aunque rara vez se usa dentro de un <head>elemento, podría utilizarse para extraer datos externos y asociarlos al documento actual.
Estandarizado en HTML 4.0 ; sigue vigente.
<script>...</script>
Puede funcionar como contenedor de instrucciones de script o enlazar a un script externo con el srcatributo opcional. [ 23 ] También se puede usar en el cuerpo del documento para generar dinámicamente contenido en bloque o en línea.
Estandarizado en HTML 3.2 ; sigue vigente.
<style>...</style>
Especifica un estilo CSS para el documento, generalmente en el formato . Puede actuar como contenedor de instrucciones de estilo o enlazar a hojas de estilo externas; por ejemplo, en CSS , con directivas del formato [ 24 ].<styletype="text/css">...</style>@import<style>@importurl;</style>
Estandarizado en HTML 3.2 ; sigue 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 usar el título de diferentes maneras. Por ejemplo:
  • Los navegadores web suelen mostrarlo en la barra de título de la ventana cuando esta está abierta y (cuando corresponda) 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 hagamos otra página, volveremos a usar otro elemento <title> con un título nuevo (no uses 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 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.
Existía en las etiquetas HTML y se estandarizó en HTML 2.0 ; sigue vigente.

Elementos del cuerpo del documento

En los navegadores visuales, los elementos que se pueden mostrar se pueden renderizar como bloques o en línea . Si bien todos los elementos forman parte de la secuencia del documento, los elementos de bloque aparecen dentro de sus elementos padres:

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

Por el contrario, los elementos en línea se tratan como parte del flujo del texto del documento; no se les pueden establecer márgenes, ancho ni alto, y sí se producen saltos de línea.

Elementos de bloque

Los elementos de bloque, o elementos de nivel de bloque, tienen una estructura rectangular. Por defecto, estos elementos abarcan todo el ancho de su elemento padre, impidiendo que cualquier otro elemento ocupe el mismo espacio horizontal en el que se encuentran.

La estructura rectangular de un elemento de bloque se conoce a menudo como el modelo de caja CSS y está compuesta por varias partes. Cada elemento contiene lo siguiente:

  • El contenido de un elemento es el texto real (u otro tipo de contenido multimedia) que se coloca entre las etiquetas de apertura y cierre de dicho elemento.
  • El relleno de un elemento es el espacio que rodea su contenido, pero que aún forma parte del elemento. No se debe usar el relleno para crear espacio en blanco entre dos elementos. Cualquier estilo de fondo asignado al elemento, como una imagen o un color, será visible dentro del relleno. Aumentar el tamaño del relleno de un elemento incrementa el espacio que ocupará.
  • El borde de un elemento es su extremo absoluto y abarca todo su perímetro. El grosor del borde aumenta el tamaño del elemento.
  • El margen de un elemento es el espacio en blanco que lo rodea. El contenido, el relleno y el borde de cualquier otro elemento no podrán invadir esta área, a menos que se les imponga mediante una configuración CSS avanzada . En la mayoría de las DTD estándar , los márgenes izquierdo y derecho de diferentes elementos se separarán. Por otro lado, los márgenes superior e inferior de un elemento no se apilarán ni se mezclarán. Esto significa que el espacio en blanco entre estos elementos será igual al margen mayor entre ellos.

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

Texto básico

<p>...</p>
Crea un párrafo, quizás el elemento de bloque más común.
PExistía en las etiquetas HTML y se estandarizó en HTML 2.0 ; sigue vigente.
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
Encabezados de sección en diferentes niveles. h1delimita el encabezado de nivel más alto, h2el siguiente nivel inferior (subsección), h3para un nivel inferior a ese, y así sucesivamente hasta h6. A veces se les denomina colectivamente etiquetas, n significa cualquiera de los niveles de encabezado disponibles. La mayoría de los navegadores visuales muestran los encabezados como texto grande en negrita por defecto, 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 deben usarse para dar estilo explícito al texto. Más bien, describen la estructura y 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 ; 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 nombre-valor, [ 25 ] y se conocía como lista de definición antes de HTML5. [ 26 ] 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 nombre-valor". [ 27 ]
DLExistía en las etiquetas HTML y se estandarizó en HTML 2.0 ; sigue 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 ; sigue vigente.
<dd>...</dd>
Un valor en una lista de descripción (anteriormente datos de definición en una lista de definición).
DDExistía en las etiquetas HTML y se estandarizó en HTML 2.0 ; sigue vigente.
<ol>...</ol>
Una lista ordenada (enumerada). El typeatributo se puede usar para especificar el tipo de marcador que se usará 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 con uno de los siguientes: <oltype="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 proporciona varias otras opciones no disponibles como marcado HTML puro, incluidas noneopciones para escritura CJK , hebreo, georgiano y armenio. El atributo está obsoleto en HTML 3.2 y 4.01, pero no en HTML 5.
OLExistía en el borrador 1.2 de HTML para Internet y fue estandarizado en HTML 2.0 ; sigue 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 predeterminado), , o . Solo el método CSS es compatible en 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.<ultype="foo">ul{list-style-type:foo;}foodiscsquarecirclenone
ULExistía en las etiquetas HTML y se estandarizó en HTML 2.0 ; sigue vigente.
<li>...</li>
Un elemento de lista en listas ordenadas ( ol) o no ordenadas ( ).ul
LIExistía en las etiquetas HTML y se estandarizó en HTML 2.0 ; sigue vigente.
<dir>...</dir>(deprecated)
Un listado de directorio. El propósito original de este elemento nunca fue ampliamente respaldado; obsoleto en favor de .<ul>
DIRExistía en las etiquetas HTML y se estandarizó en HTML 2.0 ; quedó obsoleto en HTML 4.0 Transitional ; no es válido en HTML 4.0 Strict .

Otros elementos de bloque

<address>...</address>
Información de contacto del autor del documento.
ADDRESSExistía en las etiquetas HTML y se estandarizó en HTML 2.0 ; sigue 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 principal de la página, por ejemplo, barras laterales o publicidad.
Estandarizado en HTML5 .
<blockquote>...</blockquote>
Elemento Blockquote: una cita de nivel de bloque ; define "una sección [dentro de un documento] que se cita de otra fuente". [ 28 ] El citeatributo (que no debe confundirse con el <cite>elemento) puede proporcionar la fuente y debe ser un identificador uniforme de recursos completamente calificado . La presentación predeterminada de las citas de 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. Sin embargo, el uso no semántico del blockquoteelemento puramente para sangrar texto ha sido desaprobado por el W3C ( World Wide Web Consortium ) desde HTML 4. [ 29 ] El enfoque preferido es el uso de CSS . Para citas que no contienen elementos de nivel de bloque, consulte el elemento quote ( <q>).
BLOCKQUOTEExistía en el borrador 1.2 de HTML para Internet y fue estandarizado en HTML 2.0 ; sigue vigente.
<center>...</center>(deprecated)
Crea una división centrada a nivel de bloque. Obsoleto; se recomienda usar <div>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 en línea .
Estandarizado en HTML 4.0 ; sigue vigente.
<div>...</div>
Una división lógica a nivel de bloque. Un elemento genérico sin significado semántico que se utiliza para distinguir una sección del documento, generalmente con fines tales como la presentación o el comportamiento controlado por hojas de estilo o llamadas al 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>
Un pie de foto para una imagen. Siempre se coloca dentro del <figure>elemento.
Estandarizado en HTML5 .
Se utilizan 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 los encabezados de los documentos. Estos suelen contener información que introduce la página.
Estandarizado en HTML5 .
<hr />
Una ruptura temática (originalmente: línea horizontal). Las reglas de presentación se pueden dibujar con hojas de estilo.
Estandarizado en HTML 2.0 ; sigue vigente.
<ins>...</ins>
Marca una sección de contenido insertado. Este elemento también se puede utilizar como en línea .
Estandarizado en HTML 4.0 ; sigue vigente.
<main>...</main>
Contiene el contenido principal de un documento.
Estandarizado en HTML 5.1 .
HTML 2.0: Un listado de menú. Debe ser más compacto que una <ul>lista.
MENUExistía en las etiquetas HTML y se estandarizó en HTML 2.0 ; quedó obsoleto en HTML 4.0 Transitional ; no era válido en HTML 4.0 Strict ; luego se redefinió en HTML5 , se eliminó en HTML 5.2, pero se incluyó en el HTML Living Standard en 2019.
Se utiliza en las secciones de navegación de los artículos (áreas de las páginas web que contienen enlaces a otras páginas web).
Estandarizado en HTML5 .
<noscript>...</noscript>
Contenido de reemplazo para scripts. A diferencia de los scripts , este solo se puede usar como un elemento de nivel de bloque.
Estandarizado en HTML 4.0 ; sigue 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 arte ASCII ). Mientras que los navegadores ignoran los espacios en blanco para otros elementos HTML, en <pre>...</pre>, los espacios en blanco deben renderizarse como se escribieron. (Con las propiedades CSS: , otros elementos pueden presentarse de la misma manera). Este elemento puede contener cualquier elemento en línea excepto: , , , , , y .{white-space:pre;font-family:monospace;}<image><object><big><small><sup><sub>...</sub>
PREExistía en el borrador 1.2 de HTML para Internet y fue estandarizado en HTML 2.0 ; sigue vigente.
<section>...</section>
Se utiliza para secciones genéricas de un documento. Esto difiere <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>
Inserta un script en el documento. También se puede usar en la cabecera y en contextos en línea. Puede utilizarse <script />con un srcatributo para proporcionar una URL desde la que cargar el script, o <script>...</script>alrededor del contenido del script incrustado. Nota:<script> no es un elemento de bloque ni en línea; por sí solo no debería mostrarse, pero puede contener instrucciones para generar dinámicamente contenido de bloque o en línea.
Estandarizado en HTML 3.2 ; sigue vigente.

Elementos en línea

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

Ancla

<a>...</a>

Un elemento de anclaje se denomina así porque los diseñadores web pueden usarlo para "anclar" una URL a un texto en una página web. Cuando los usuarios visualizan la página web en un navegador, pueden hacer clic en el texto para activar el enlace y visitar la página cuya URL se encuentra en dicho enlace. [ 31 ]

En HTML, un "ancla" puede ser el origen (el texto del ancla ) o el destino de un hipervínculo . Como origen, al establecer el atributo href[ 32 ] se crea un hipervínculo que 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 que el elemento se enlace desde un Localizador Uniforme de Recursos (URL) mediante un identificador de fragmento . Ambas formas, origen y ancla, pueden usarse simultáneamente.id

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

Para ilustrar: el encabezado de una sección de tabla de contenido enejemplo.comLa página de inicio de podría convertirse en un objetivo escribiendo: . Ahora que la sección ha sido marcada como objetivo, se puede hacer referencia a ella desde sitios externos con un enlace como: ; o con un enlace en la misma página como: .<h2><aname="contents">Table of contents</a></h2><ahref="http://example.com#contents">see contents</a><ahref="#contents">contents, above</a>

El atributo titlepuede configurarse para proporcionar información breve sobre el enlace: .<ahref="URL"title="additional information">link text</a>

En la mayoría de los navegadores gráficos, cuando el cursor se sitúa sobre un enlace, este se transforma en una mano con el dedo índice extendido y el titlevalor se muestra en una información emergente o de alguna otra forma. Algunos navegadores muestran el texto alternativo de la misma manera, aunque esto no es lo que especifica el reglamento.

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>
Indica una abreviatura y puede mostrar la forma completa:<abbrtitle="abbreviation">abbr.</abbr>
Estandarizado en HTML 4.0 ; sigue vigente.
<acronym>...</acronym>(deprecated)
Similar al elemento, pero marca un acrónimo :<abbr><acronymtitle="Hyper-Text Mark-up Language">HTML</acronym>
Estandarizado en HTML 4.0 ; aún vigente, no compatible con HTML5 . Se recomienda su reemplazo con la abbretiqueta. [ 34 ]
<dfn>...</dfn>
Definición en línea de un solo término.
DFNExistía en el borrador 1.2 de HTML para Internet y fue estandarizado completamente en HTML 3.2 ; sigue vigente.
<em>...</em>
Énfasis (generalmente se muestra en cursiva)
EM existed in HTML Internet Draft 1.2, and was standardized in HTML 2.0; still current.
<strong>...</strong>
Importance; originally strong emphasis (conventionally displayed bold). An aural user agent may use different voices for emphasis.
STRONG existed in HTML Internet Draft 1.2, and was standardized in HTML 2.0; still current, redefined in HTML5.
Computer phrase elements

These elements are useful primarily for documenting computer code development and user interaction through differentiation of source code (<code>), variables (<var>), user input (<kbd>), and terminal or other output (<samp>).

<code>...</code>
A code snippet (code example). Conventionally rendered in a mono-space font.
CODE existed in HTML Internet Draft 1.2, and was standardized in HTML 2.0; still current.
<kbd>...</kbd>
Keyboard – text to be entered by the user (kbd example).
KBD existed in HTML Internet Draft 1.2, and was standardized in HTML 2.0; still current.
<samp>...</samp>
Sample output – from a program or script: (samp example).
SAMP existed in HTML Internet Draft 1.2, and was standardized in HTML 2.0; still current.
<var>...</var>
Variable (var example).
VAR existed in HTML Internet Draft 1.2, and was standardized in HTML 2.0; still current.

Presentation

As visual presentational markup only applies directly to visual browsers, its use is discouraged. Style sheets should be used instead. Several of these elements are deprecated or invalid in HTML 4 / XHTML 1.0, and the remainder are invalid in the current draft of XHTML 2.0. The current draft of HTML5, however, re-includes <s>, <u>, and <small>, assigning new semantic meaning to each. In an HTML5 document, the use of these elements is no longer discouraged, provided that it is semantically correct.

<b>...</b>
In HTML 4, set font to boldface where possible. Equivalent CSS: {font-weight:bold;}. The <strong> element usually has the same effect in visual browsers, as well as having more semantic meaning, under HTML 4.01. In HTML5, however, <b> has its own meaning, distinct from that of <strong>. It denotes "text to which attention is being drawn for utilitarian purposes without conveying any extra importance and with no implication of an alternate voice or mood."[35]
B existed in HTML Internet Draft 1.2, and was standardized in HTML 2.0; still current, redefined in HTML5.
<i>...</i>
En HTML 4 , configure la fuente en cursiva siempre que sea posible. CSS equivalente : . El uso de tiene el mismo efecto visual en la mayoría de los navegadores, además de tener un significado semántico como énfasis , en HTML 4.01 . (Las cursivas puramente tipográficas tienen muchos propósitos que no son de énfasis, como HTML 5 reconoció más explícitamente). En HTML5 , sin embargo, tiene su propio significado semántico, distinto del de . Denota "una calidad de texto diferente" 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. [ 36 ]{font-style:italic;}<em>...</em><i><em>
IExistía en el borrador 1.2 de HTML para Internet y se estandarizó en HTML 2.0 ; sigue 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 segmento de texto con una anotación no textual no articulada, aunque explícitamente representada, 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 donde pueda confundirse con un hipervínculo. [ 37 ]{text-decoration:underline;}<u><u>
UExistía en HTML Internet Draft 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 , tamaño de fuente reducido ( texto más pequeño ). CSS equivalente: En HTML5 , el elemento denota "comentarios laterales como letra pequeña". [ 38 ] Esto ha causado cierta confusión con el elemento.{font-size:smaller;}<small><aside>...</aside>
Estandarizado en HTML 3.2 ; sigue 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. [ 39 ]
S was deprecated in HTML 4.0 Transitional (having not appeared in any previous standard), and was invalid in HTML 4.0 Strict. Reintroduced in HTML5, which instead deprecated <strike>.
<big>...</big>(deprecated)
Increased font size (bigger text). Equivalent CSS: {font-size:larger;}
Standardized in HTML 3.2; not supported in HTML5.
<strike>...</strike>(deprecated)
Strike-through text (Strikethrough), (Equivalent CSS: {text-decoration:line-through;})
STRIKE was standardized in HTML 3.2; deprecated in HTML 4.0 Transitional; invalid in HTML 4.0 Strict.
<tt>...</tt>(deprecated)
Fixed-width font (typewriter-like), also known as teletype, thus "tt". (Equivalent CSS: {font-family:monospace;})
TT existed in HTML Internet Draft 1.2, and was Standardized in HTML 2.0; not supported[40] in HTML5. Possible replacements: <kbd> for marking user input, <var> for variables (usually rendered italic, and not with a change to monospace), <code> for source code, <samp> for output.[40]
<font>...</font>(deprecated)
<font[color=<var>color</var>] [size=<var>size</var>] [face=<var>face</var>]>...</font> Can specify the font color with the color attribute (note the American spelling), typeface with the face attribute, and absolute or relative size with the size attribute. Examples (all uses are deprecated, use CSS equivalents if possible):
  • <fontcolor="green">text</font> creates green text.
  • <fontcolor="#114499">text</font> creates text with hexadecimal color #114499.
  • <fontsize="4">text</font> creates text with size 4. Sizes are from 1 to 7. The standard size is 3, unless otherwise specified in the <body> or other tags.
  • <fontsize="+1">text</font> creates text with size 1 bigger than the standard.<fontsize="-1">text</font> is opposite.
  • <fontface="Courier">text</font> makes text with Courier font.
Equivalent CSS for font attributes:
  • <fontsize="N"> corresponds to {font-size:Yunits} (the HTML specification does not define the relationship between size N and unit-size Y, nor does it define a unit).
  • <fontcolor="red"> corresponds to {color:red;}
  • <fontface="Times New Roman"> corresponds to {font-family:'Times New Roman',Times,serif;} – CSS supports a font stack, of two or more alternative fonts.
Standardized in HTML 3.2; deprecated in HTML 4.0 Transitional; invalid in HTML 4.0 Strict. Not part of HTML5.

Span

<span>...</span>
Una división lógica en línea. Un elemento genérico sin significado semántico que se utiliza para distinguir una sección del documento, generalmente con fines tales como la presentación o el comportamiento controlado por hojas de estilo o llamadas al DOM .
Estandarizado en HTML 4.0 ; sigue vigente.

Otros elementos en línea

<br />
Un salto de línea. [ 11 ] : 48
Estandarizado en HTML 2.0 ; sigue vigente.
<bdi>...</bdi>
Aísla una sección de texto en línea que puede estar formateada en una dirección diferente a la del resto del texto, como por ejemplo contenido generado por el usuario con direccionalidad desconocida.
Estandarizado en HTML5 .
<bdo>...</bdo>
Indica una sección de texto en línea cuya dirección de lectura es opuesta a la del elemento padre.
Estandarizado en HTML 4.0 ; sigue vigente.
<cite>...</cite>
Una cita o referencia para una frase o declaración en el documento.
La función CITE existía en el borrador 1.2 de HTML Internet Draft y se estandarizó en HTML 2.0 ; sigue vigente.
Nota: Las especificaciones de HTML 5 se han bifurcado de forma confusa , [ 41 ] incluso con respecto a este elemento. En HTML 4 y anteriores, <cite>era para "una cita o una referencia a otras fuentes" sin limitaciones ni requisitos particulares. [ 42 ] 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". [ 43 ] Pero la especificación WHATWG solo permite que el elemento se utilice alrededor del título de una obra. [ 44 ] Las especificaciones del W3C comenzaron con la definición más amplia, luego cambiaron a la muy restrictiva 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 utilizaba ampliamente con un alcance más amplio, por ejemplo, varias plataformas de blogs y foros envuelven los ID y las direcciones de correo electrónico de los comentaristas en <cite>...</cite>, y las personas que utilizaban el elemento para citas bibliográficas envolvían (y siguen envolviendo) de forma rutinaria cada cita completa en este elemento.

Otro problema con este elemento es que WHATWG recomienda que se muestre en cursiva por defecto (por lo que casi todos los navegadores lo hacen), ya que (en su opinión) solo se usa para títulos de publicaciones. Sin embargo, por convención, solo ciertos tipos de títulos llevan cursiva, mientras que otros deben ir entre comillas, y los estándares pueden variar según el contexto de publicación y el idioma. Por consiguiente, muchos autores y administradores de sitios web utilizan una hoja de estilos global para deshacer la cursiva automática de este elemento.

<data>...</data>
Incluye enlaces en el contenido con una traducción legible por máquina.
Estandarizado en HTML5 . [ 45 ]
<del>...</del>
Texto eliminado. Normalmente se muestra tachado :Texto eliminado.
Estandarizado en HTML 4.0 ; sigue vigente.
<ins>...</ins>
Texto insertado. Se usa a menudo para marcar texto de reemplazo para material tachado con <del>o <s>. Normalmente se muestra subrayado :Texto insertado.
Estandarizado en HTML 4.0 ; sigue vigente.
Los elementos <p> <ins>y <del><p> también pueden usarse como elementos de bloque: conteniendo otros elementos de bloque y 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 desde la mitad de un párrafo a lo largo de varios otros párrafos y terminar en un párrafo final, se necesitarían tres <del>elementos separados. <del>Se requerirían dos elementos <p> como elementos en línea para indicar la eliminación de texto en el primer y último párrafo, y un tercero, usado como elemento de bloque, para indicar la eliminación en los párrafos intermedios.
<mark>...</mark>
Diseñado para resaltar o marcar el texto relevante en una cita:Texto resaltado
Estandarizado en HTML5 .
<q>...</q>
Una cita en línea (para citas a nivel de bloque, consulte ). Los elementos de cita pueden estar anidados. debería generar automáticamente comillas junto con las hojas de estilo. Problemas prácticos debido a la incompatibilidad del navegador pueden obligar a los autores a buscar soluciones alternativas. El atributo proporciona la fuente y debe ser una URI completamente calificada .<blockquote><q>cite
Estandarizado en HTML 4.0 ; sigue vigente.
<rb>...</rb>
Representa el componente base de una anotación ruby .
Estandarizado en HTML5 . [ 46 ]
<rp>...</rp>
Proporciona paréntesis como alternativa para los navegadores que no admiten anotaciones Ruby .
Estandarizado en HTML5 . [ 47 ]
<rt>...</rt>
Indica la pronunciación de un carácter en una anotación ruby .
Estandarizado en HTML5 . [ 48 ]
<rtc>...</rtc>
Anotaciones semánticas para una anotación ruby .
Estandarizado en HTML5 . [ 49 ]
<ruby>...</ruby>
Representa una anotación en rubí para mostrar la pronunciación de caracteres de Asia Oriental.
Estandarizado en HTML5 . [ 50 ]
<script>...</script>
Inserta un script en el documento. También se puede usar en la cabecera y en contextos de bloque. Nota:<script> no es un elemento de bloque ni en línea; por sí solo no debería mostrarse, pero puede contener instrucciones para generar dinámicamente contenido de bloque o en línea.
Estandarizado en HTML 3.2 ; sigue vigente.
<sub>...</sub>
<sup>...</sup>
Marcar texto en subíndice o superíndice . (CSS equivalente: y , respectivamente).{vertical-align:sub;}{vertical-align:super;}
Ambas fueron propuestas en los borradores de HTML 3.0 ; estandarizadas en HTML 3.2 ; y siguen vigentes.
<template>...</template>
Fragmentos de código que serán copiados por los scripts.
Estandarizado en HTML5 . [ 51 ]
<time>...</time>
Representa una hora en formato de 24 horas o una fecha en el calendario gregoriano , con la opción de incluir información sobre la hora y la zona horaria. También permite representar la hora y la fecha en un formato legible por máquina.
Estandarizado en HTML5 . [ 52 ]
<wbr />
Un salto de palabra opcional.
Fue ampliamente utilizado (y compatible con los principales navegadores) [ 53 ] desde la década de 1990 [ 54 ] a pesar de no ser estándar hasta que finalmente se estandarizó en HTML5 . [ 55 ]

Imágenes y objetos

<applet>...</applet>(deprecated)
Inserta un applet de Java en la página. Obsoleto en favor de <object>, ya que solo se podía usar con applets de Java y tenía limitaciones de accesibilidad.
Estandarizado en HTML 3.2 ; obsoleto en HTML 4.0 Transitional ; inválido en HTML 4.0 Strict ; obsoleto y completamente oculto en HTML5 .
<area />
Especifica un área enfocable en un <map>.
Estandarizado en HTML 3.2 ; sigue vigente.
<audio>...</audio>
Agrega audio HTML reproducible a la página. La URL del audio se determina mediante el srcatributo. Los formatos de audio compatibles varían según el navegador.
Estandarizado en HTML5 .
<canvas>...</canvas>
Agrega un lienzo cuyo contenido se puede editar con JavaScript . Se usa frecuentemente en juegos en línea.
Estandarizado en HTML5 .
<embed>...</embed>
Inserta un objeto no estándar (como un applet) o contenido externo (normalmente no HTML) en el documento.
Obsoleto en HTML 4 a favor de <object>, pero luego se volvió a agregar a la especificación HTML5 [ 56 ] [ 57 ]
<img />
Utilizado por 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 la imagen no pueda mostrarse. [ 58 ] (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. [ 59 ] Safari y Google Chrome , por otro lado, no muestran el atributo alt en absoluto.) [ 60 ] El <img />elemento fue propuesto por primera vez por Marc Andreessen e implementado en el navegador web NCSA Mosaic . [ 61 ]
IMGExistía en el borrador 1.2 de HTML para Internet y fue estandarizado en HTML 2.0 ; sigue vigente.
<map>...</map>
Especifica un mapa de imágenes del lado del cliente .
Estandarizado en HTML 3.2 ; sigue vigente.
<object>...</object>
Incluye un objeto en la página del tipo especificado por el typeatributo. Puede ser de cualquier tipo MIME que el agente de usuario entienda, como una página HTML incrustada, un archivo que será procesado por un complemento como Flash , un applet de Java , un archivo de sonido, etc.
Estandarizado en HTML 4.0 ; sigue vigente.
<param />
Originalmente introducido con <applet>, este elemento ahora se usa con <object>, y solo debe aparecer como hijo de <object>. Utiliza atributos HTML para establecer un parámetro para el objeto, por ejemplo, ancho, alto, fuente, color de fondo, etc., dependiendo del tipo de objeto. Un objeto puede tener múltiples <param />elementos.
Estandarizado en HTML 3.2 ; sigue vigente.
<source>...</source>
Especifica diferentes fuentes para audio o vídeo. Utiliza el srcatributo de forma similar a los elementos <video>y <audio>.
Estandarizado en HTML5 .
<track>...</track>
Proporciona pistas de texto, como subtítulos y leyendas, para audio y vídeo.
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 compatibles varían según el navegador.
Estandarizado en HTML5 .

Formularios

Estos elementos pueden combinarse en un formulario o, en algunos casos, utilizarse por separado como controles de interfaz de usuario. En el documento, pueden ser HTML simple o usarse junto con scripts. El marcado HTML especifica los elementos que componen un formulario y el método para enviarlo. Sin embargo, una vez enviado, se debe utilizar algún tipo de script ( del servidor , del cliente o ambos) para procesar la información ingresada por el usuario.

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

<form action="url">...</form>
Crea un formulario . El <form>elemento especifica y controla la acción general de un área de formulario, utilizando el actionatributo required.
Estandarizado en HTML 2.0 ; sigue 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 ; sigue vigente.
<datalist>...</datalist>
Una lista de optionelementos para usar en formularios.
Estandarizado en HTML5 .
<fieldset>...</fieldset>
Un contenedor para agregar estructura a los formularios. Por ejemplo, una serie de controles relacionados se pueden agrupar dentro de un <fieldset>, al que luego se le puede <legend>agregar un para identificar su función.
Estandarizado en HTML 4.0 ; sigue vigente.
<input />
<input>Estos elementos permiten implementar una variedad de controles de formulario estándar.
Estandarizado en HTML 2.0 ; sigue 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 varios botones de opción tienen el mismo nombre, 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 siempre que sea posible (es decir, si el cliente lo admite), ya que ofrece mayores posibilidades.
 tipo ="enviar"
Un botón de enviar .
 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 sus 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 anchos de caracteres. max-lengthEstablece el número máximo de caracteres que el usuario puede ingresar (que puede ser mayor que el tamaño).
Una variante de la textcual produce una barra de búsqueda.
 tipo ="contraseña"
Una variante de text. La diferencia radica en que el texto introducido en este campo se muestra enmascarado : los caracteres se representan como un asterisco, un punto u otro símbolo. La contraseña se sigue enviando al servidor en texto plano , por lo que se requiere 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 subir archivos a un servidor).
 tipo "tel"
Una variación de textpara números de teléfono .
 escribir "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 fechas.
 tipo ="tiempo"
Un selector de tiempo.
 tipo ="número"
Una variación de textpara números.
 tipo ="rango"
Genera un control deslizante que devuelve un número, pero dicho número no es visible para el usuario.
 tipo "color"
Un selector de color.
 tipo ="oculto"
hiddenLos campos de entrada no son visibles en la página renderizada, pero permiten al diseñador mantener una copia de los datos que deben enviarse al servidor como parte del formulario. Por ejemplo, pueden ser datos que el usuario introdujo o seleccionó en un formulario anterior y que deben procesarse junto con el formulario actual. Aunque no se muestran al usuario, los datos pueden modificarse en el lado del cliente editando el código HTML.
<isindex />(deprecated)
<isindex />podía aparecer en el encabezado o en el cuerpo del documento, pero solo una vez en un documento. <isindex />funcionaba como un formulario de búsqueda HTML primitivo; pero quedó obsoleto de facto por formularios HTML más avanzados introducidos a principios y mediados de la década de 1990. Representa un conjunto de hipervínculos compuestos por una URI base, un signo de ampersand y palabras clave codificadas en porcentaje separadas por signos más .
ISINDEXExistía en las etiquetas HTML ; estandarizado en HTML 2.0 ; obsoleto en HTML 4.0 Transitional ; invá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 un campo de formulario, como por ejemplo radio. Al hacer clic en la etiqueta, se activa un clic en el campo correspondiente.
Estandarizado en HTML 4.0 ; sigue vigente.
<legend>...</legend>
Una leyenda (pie de foto) para un <fieldset>.
Estandarizado en HTML 4.0 ; sigue 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 ; sigue vigente.
<optgroup>...</optgroup>
Identifica un grupo de <option>elementos en una <select>lista.
Estandarizado en HTML 4.0 ; sigue 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 cual el usuario puede elegir una sola opción. Puede mostrarse como una lista desplegable.
Estandarizado en HTML 2.0 ; sigue vigente.
<textarea rows="8">...</textarea>
A multiple-line text area, the size of which is specified by cols (where a column is a one-character width of text) and rowsHTML attributes. The content of this element is restricted to plain text, which appears in the text area as default text when the page is loaded.
Standardized in HTML 2.0; still current.

Tables

The format of HTML Tables was proposed in the HTML 3.0 Drafts and the later RFC 1942 HTML Tables. They were inspired by the CALS Table Model. Some elements in these proposals were included in HTML 3.2; the present form of HTML Tables was standardized in HTML 4. (Many of the elements used within tables are neither block nor inline elements.)

<table>...</table>
Identifies a table. Several HTML attributes are possible in HTML Transitional, but most of these are invalid in HTML Strict and can be replaced with style sheets. The summary attribute is informally required for accessibility purposes, though its usage is not simple.
Proposed in the HTML 3.0 Drafts; Standardized in HTML 3.2; still current.
<tr>...</tr>
Contains a row of cells in a <table>.
Proposed in the HTML 3.0 Drafts; Standardized in HTML 3.2; still current.
<th>...</th>
A <table> header cell; contents are conventionally displayed bold and centered. An aural user agent may use a louder voice for these items.
Proposed in the HTML 3.0 Drafts; Standardized in HTML 3.2; still current.
<td>...</td>
A <table> data cell.
Proposed in the HTML 3.0 Drafts; Standardized in HTML 3.2; still current.
<colgroup>...</colgroup>
Specifies a column group in a <table>.
Proposed in HTML Tables; Standardized in HTML 4.0; still current.
<col>...</col>
Specifies a column in a <table>.
Proposed in HTML Tables; Standardized in HTML 4.0; still current.
<caption>...</caption>
Specifies a caption for a <table>.
Proposed in the HTML 3.0 Drafts; Standardized in HTML 3.2; still current.
<thead>...</thead>
Specifies the header part of a <table>. This section may be repeated by the user agent if the table is split across pages (in printing or other paged media).
Proposed in HTML Tables; Standardized in HTML 4.0; still current.
<tbody>...</tbody>
Specifies a body of data for a <table>.
Proposed in HTML Tables; Standardized in HTML 4.0; still current.
<tfoot>...</tfoot>
Specifies the footer part of a <table>. Like <thead>, this section may be repeated by the user agent if the table is split across pages (in printing or other paged media).
Proposed in HTML Tables; Standardized in HTML 4.0; still current.

Frames

Frames allow a visual HTML browser window to be split into segments, each of which can show a different document. This can lower bandwidth use, as repeating parts of a layout can be used in one frame, while variable content is displayed in another. This may come at a certain usability cost, especially in non-visual user agents,[62] due to separate and independent documents (or websites) being displayed adjacent to each other and being allowed to interact with the same parent window. Because of this cost, frames (excluding the <iframe> element) are only allowed in HTML 4.01 Frame-set. Iframes can also hold documents on different servers. In this case the interaction between windows is blocked by the browser. Sites like Facebook and Twitter use iframes to display content (plugins) on third party websites. Google AdSense uses iframes to display banners on third party websites.

In HTML 4.01, a document may contain a <head> and a <body>or a <head> and a <frameset>, but not both a <body> and a <frameset>. However, <iframe> can be used in a normal document body.

<frameset>...</frameset>(deprecated)
Contains the set of <frame /> elements for a document. The layout of frames is given by comma separated lists in the rows and colsHTML attributes.
Standardized in HTML 4.0 Frameset, obsolete in HTML5.
<frame />(deprecated)
Defines a single frame, or region, within the <frameset>. A separate document is linked to a frame using the src attribute inside the <frame /> element.
Standardized in HTML 4.0 Frameset, obsolete in HTML5.
<noframes>...</noframes>(deprecated)
Contains normal HTML content for user agents that do not support <frame /> elements.
Standardized in HTML 4.0 Transitional, obsolete in HTML5.
<iframe>...</iframe>
An inline frame places another HTML document in a frame. Unlike an <object /> element, an <iframe> can be the "target" frame for links defined by other elements, and it can be selected by the user agent as the focus for printing, viewing its source, and so on. The content of the element is used as alternative text to be displayed if the browser does not support inline frames. A separate document is linked to a frame using the src attribute inside the <iframe />, an inline HTML code is embedded to a frame using the srcdoc attribute inside the <iframe /> element.
First introduced by Microsoft Internet Explorer in 1997, standardized in HTML 4.0 Transitional, allowed in HTML5.

longdesc attribute

En HTML , longdesces un atributo utilizado dentro de los elementos <img />, <frame />, o <iframe>. Se supone que es una URL [ nota 5 ] a un documento que proporciona una descripción larga para la imagen, marco o iframe en cuestión. [ 63 ] Este atributo debe contener una URL, no –como se suele creer erróneamente– 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 a usuarios de computadoras con problemas de accesibilidad , como personas ciegas o con discapacidad visual , y es ampliamente implementado tanto por navegadores web como por lectores de pantalla. [ 64 ] Algunos desarrolladores objetan que [ 65 ] 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 desaprobarlo longdesc. [ 66 ] La industria editorial ha respondido, abogando por el mantenimiento de longdesc. [ 67 ]

Ejemplo

< img src = "Hello.jpg" longdesc = "description.html" >

Contenido de description.html:

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

Enlace a la descripción larga en el texto

Dado que muy pocos navegadores gráficos admiten la disponibilidad nativa del enlace (Opera e iCab son las excepciones), resulta ú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 = " Hello.jpg " longdesc = " description.html " / > [ <a href="description.html" title="Descripción larga de la imagen"> D </a> ]

Elementos históricos

Los siguientes elementos formaban parte del HTML inicial desarrollado por Tim Berners-Lee entre 1989 y 1991; se mencionan en Etiquetas HTML , pero están obsoletos en HTML 2.0 y nunca formaron 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 renderizar el elemento con hasta 132 caracteres por línea.
Obsoleto en HTML 3.2 ; en desuso en HTML5 . [ 68 ]
<plaintext>(deprecated)
<plaintext>no tiene una etiqueta de cierre ya que finaliza el marcado y hace que el resto del documento se analice como si fuera texto plano .
<plaintext>Existía en las etiquetas HTML ; obsoleto en HTML 2.0 ; invá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 renderizar el elemento a 80 caracteres por línea.
Obsoleto en HTML 3.2 ; anticuado en HTML5 . [ 69 ]
<nextid>(deprecated)
Este elemento permitió que la herramienta de diseño web NeXT generara automáticamente etiquetas NAME para sus anclas y, a su vez, se generó automáticamente. [ 68 ]
<nextid>Existía en las etiquetas HTML (descritas como obsoletas); descontinuadas en HTML 2.0 ; inválidas en HTML 3.2 y posteriores.

Elementos no estándar

Esta sección enumera algunos elementos obsoletos de uso común, lo que significa que no se utilizan en código válido . Es posible que no sean compatibles con todos los navegadores.

Provoca que el texto parpadee. Introducido a imitación de los códigos de escape ANSI . Se puede realizar con CSS donde sea compatible: (Este efecto puede tener consecuencias negativas para las personas con epilepsia fotosensible ; [ 70 ] su uso en Internet público debe seguir las directrices pertinentes).{text-decoration:blink}
<blink>Originada en Netscape Navigator , es reconocida principalmente por sus derivados, incluido Firefox ; obsoleta o inválida en HTML 2.0 y versiones posteriores. La etiqueta CSS de reemplazo, si bien es estándar, no requiere compatibilidad.
<layer>...</layer>(deprecated)
Crea una capa posicionada y enmarcada de forma absoluta. También se puede hacer con marcos y/o CSS. Hay atributos, incluidos 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. También se puede hacer mediante scripts. (Este efecto puede tener consecuencias negativas para personas con epilepsia fotosensible ; [ 70 ] su uso en internet público debe seguir las directrices pertinentes). Hay tres opciones, incluyendo Alternate , Scroll y Slide . También se puede añadir Scrolldelay .
<marquee>Originado en Microsoft Internet Explorer ; obsoleto o inválido en HTML 4.01 y versiones posteriores.
<nobr>...</nobr>(deprecated)
Evita que el texto se divida al final de la línea, impidiendo el ajuste de línea cuando el texto excede el ancho del objeto contenedor. El texto adyacente puede dividirse antes y después. 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 inválido en HTML 2.0 y versiones posteriores.
<noembed>...</noembed>(deprecated)
Especifica contenido alternativo, si el elemento incrustado no se puede renderizar. Se reemplaza por el contenido del elemento o .<embed><object>

Comentarios

<!-- A Comment -->

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

A diferencia de la mayoría de las etiquetas HTML, los comentarios no se anidan. En general, hay algunas cadenas que no se permiten en el texto del comentario. Estas son <!--(el inicio de un comentario), -->(esto finaliza el comentario, por lo que es obvio que no puede aparecer dentro de él) y --!>. Además, las cadenas >y ->no pueden aparecer al principio de un comentario ni <!-al final. [ 71 ]

Como resultado, el marcado <!--Xbegin<!--Y-->Xend-->está mal formado y producirá el comentario.Xbegin<!--Yy el textoXend-->después de eso, o a veces simplementeXend-->, dependiendo del navegador.

Los comentarios pueden aparecer en cualquier parte de un documento, ya que se supone 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; esto es un marcado no válido: ).<span id="x1"<!--for "extension one"-->style="...">

Los comentarios pueden aparecer incluso antes de la declaración del tipo de documento; ninguna otra etiqueta tiene permitido hacer esto.

Sin embargo, no todos los navegadores y editores HTML cumplen completamente con el marco de sintaxis HTML y pueden comportarse de forma impredecible bajo ciertas condiciones de sintaxis. El manejo defectuoso de los comentarios afecta solo 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 comentarios (Internet Explorer 6 representa la mayor parte de este alto porcentaje).

Existen algunas peculiaridades de compatibilidad relacionadas con los comentarios:

  • Si se colocan comentarios, o cualquier otro carácter que no sea un espacio en blanco, antes de la doctypeetiqueta <head>, Internet Explorer 6 utilizará el modo de compatibilidad para la página HTML. Ninguna de la doctypeinformación se procesará.
  • Para garantizar la compatibilidad con algunos navegadores anteriores a 1995, el contenido de los elementos <style>y <script>todavía a veces está rodeado de delimitadores de comentarios, y los navegadores compatibles con CSS y scripts están programados para ignorar específicamente ese marcado de comentario, ya que no se considera un comentario real. Esto significa que los intentos de comentar realmente el marcado CSS y de scripts cambiando los elementos dentro del comentario para que no se reconozcan, por ejemplo , .<--[script]...[/script] -->
  • El editor HTML BlueGriffon , en sus versiones 1.7.x , genera comentarios que no están integrados en la estructura sintáctica y que aparecen en pantalla. Otros editores HTML podrían presentar este mismo defecto.<style>...{commenttags}...</style>

Véase también

Notas

  1. HTML 4.01 es una de las pocas DTD de HTML conocidas. Se ha elegido aquí como el mejor ejemplo ilustrativo, aunque el mismo comportamiento se aplica a las demás DTD de HTML publicadas por el W3C.
  2. ^ Una característica similar a una macro de las 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. [ 8 ]
  4. ^ Sin embargo, véasela inevitable excepción.<object>
  5. ^ Estrictamente un IRI , no una URL; aunque las URL son un subconjunto de los IRI.

Referencias

  1. ^ Colaboradores de mozilla.org (18 de agosto de 2025). "Node - API web" . Documentación web de MDN . Consultado el 5 de septiembre de 2025 .
  2. ^ "§3 Sobre SGML y HTML" . Especificación HTML 4.01 . W3C . 24 de diciembre de 1999. §3.2.1 Elementos.
  3. ^ "Sobre SGML y HTML" . www.w3.org . Consultado el 11 de octubre de 2025 .
  4. ^ a b "HTML 5.1 2nd Edition § 8.1.2.4. Optional tags" . WHATWG . 2025-09-14 . Consultado el 14-09-2025 .
  5. ^ "§3 Sobre SGML y HTML" . Especificación HTML 4.01 . W3C . 24 de diciembre de 1999. §3.1 Introducción a SGML.
  6. ^ "HTML 4.01, §21, Definición de tipo de documento" . W3C . 24 de diciembre de 1999.
  7. ^ a b c d e "Estándar HTML § Etiquetas opcionales" . WHATWG . Consultado el 22 de marzo de 2019 .
  8. ^ "§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 de HTML.
  9. ^ a b "§7 La estructura global de un documento HTML" . Especificación HTML 4.01 . W3C . 24 de diciembre de 1999. §7.5.3 Elementos de nivel de bloque y en línea.
  10. ^ Mark Newhouse (27 de septiembre de 2002). "Diseño CSS: Domando listas" . A List Apart .
  11. ^ a b c d Duckett, Jon (2011). HTML y CSS: Diseño y creación de sitios web . John Wiley & Sons, Inc. ISBN 978-1-118-00818-8.
  12. ^ XHTML 1.0 §4.2
  13. ^ XML 1.0 (La capacidad de producir elementos adicionales forma parte de la extensibilidad en el acrónimo).
  14. ^ XML 1.0 §5.1
  15. ^ WHATWGLS . § 15
  16. ^ XHTML 1.1 §A
  17. ^ "HTML y CSS" . W3C . 2013.
  18. ^ "Apéndice D. Hoja de estilo predeterminada para HTML 4" . Especificación de hojas de estilo en cascada de nivel 2, revisión 1 (CSS 2.1) . W3C . 7 de junio de 2011.
  19. ^ HTML 4.01 §14.1
  20. ^ 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 .
  21. ^ HTML 4.01 §12.3
  22. ^ HTML 4.01 §14.3.2
  23. ^ HTML 4.01 §18
  24. ^ CSS §1.1
  25. ^ "4.4 Agrupación de contenido – HTML5" . HTML5: Un vocabulario y API asociadas para HTML y XHTML – Recomendación del W3C . Consorcio World Wide Web . 28 de octubre de 2014. §4.4.8 El elemento dl . Consultado el 16 de agosto de 2015 .
  26. ^ "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 definición: los elementos DL, DT y DD . Recuperado el 2 de mayo de 2015 .
  27. ^ "HTML5: Un vocabulario y API asociadas para HTML y XHTML, borrador de trabajo del W3C" . W3C . 5 de abril de 2011..
  28. ^ "4.4.4 El elemento blockquote — HTML5" . Consorcio World Wide Web . Consultado el 11 de noviembre de 2015 .
  29. ^ Definición HTML de 'blockquote'
  30. ^ HTML 4.01 , W3C , consultado el 26 de marzo de 2012
  31. ^ Tittel, Ed; Burmeister, Mary C. (2005). HTML 4 para principiantes (5.ª ed.). Hoboken, Nueva Jersey: Wiley. pág. 96. ISBN 978-0-7645-8917-1Consultado el 7 de agosto de 2022 .
  32. ^ "ServerWriter -- /Provider" . W3C .
  33. ^ "HTML 5.2" . W3C .
  34. ^ Etiqueta de acrónimo , acrónimo.
  35. ^ 4.6 Semántica a nivel de texto: el elemento b , Developers.whatwg.org , consultado el 26 de marzo de 2012
  36. ^ 4.6 Semántica a nivel de texto: el elemento i , Developers.whatwg.org , consultado el 26 de marzo de 2012
  37. ^ 4.6 Semántica a nivel de texto: el elemento u , Developers.whatwg.org , consultado el 26 de marzo de 2012
  38. ^ 4.6 Semántica a nivel de texto: el pequeño elemento , Developers.whatwg.org , consultado el 26 de marzo de 2012
  39. ^ 4.6 Semántica a nivel de texto: el elemento s , Developers.whatwg.org , consultado el 26 de marzo de 2012
  40. ^ a b 11 Características obsoletas — HTML5 , W3C , consultado el 26/03/2012
  41. ^ "Especificación HTML5 finalizada, pero continúan las disputas sobre las especificaciones" . Ars Technica. 29 de octubre de 2014. Consultado el 29 de octubre de 2014 .
  42. ^ "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 .
  43. ^ Recomendación W3C de HTML 5.2 , en "§4.5.6. El elemento cite" .
  44. ^ HTML Living Standard , en "§4.5.6 El elemento cite" .
  45. ^ "<datos>" . Documentación web de MDN . 24 de abril de 2026.
  46. ^ "Etiqueta HTML <rb>" . www.quackit.com .
  47. ^ "<rp>: El elemento de paréntesis de reserva de Ruby" . MDN Web Docs . 24 de abril de 2026.
  48. ^ "<rt>: El elemento de texto de Ruby" . MDN Web Docs . 24 de abril de 2026.
  49. ^ "<rtc>: El elemento contenedor de texto de Ruby" . MDN Web Docs . 24 de abril de 2026.
  50. ^ "<ruby>" . MDN Web Docs . 24 de abril de 2026.
  51. ^ "<template>" . MDN Web Docs . 23 de mayo de 2026.
  52. ^ "<hora>" . MDN Web Docs . 24 de abril de 2026.
  53. ^ "<wbr>" . Explorador de características de la plataforma web . Grupo comunitario W3C WebDX. 2025. Archivado del original el 14-11-2025 . Recuperado el 02-01-2026 .
  54. ^ Introducido por Netscape 1.1 (1994) e Internet Explorer 2 (1995), los principales navegadores de la época . Véase: "<wbr> (Salto de palabra) . HTML y XHTML: La referencia completa . PINT Inc. y The McGraw-Hill Companies. 2003. Archivado del original el 24 de diciembre de 2003. Recuperado el 2 de enero de 2026 .
  55. ^ "<wbr>" . MDN Web Docs .
  56. ^ Jennifer Kyrnin Archivado el 2 de noviembre de 2012 en Wayback Machine<embed>
  57. ^ W3Schools acerca de<embed>
  58. ^ 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 el reemplazo de imágenes de Fahrner , para adaptarse a situaciones en las que el programador desea que se muestre texto estilizado si las imágenes están deshabilitadas en el navegador del usuario.
  59. ^ "Novedades de Internet Explorer 8: Accesibilidad y ARIA" . MSDN . Microsoft . Consultado el 22 de julio de 2009 .
  60. ^ Error 5566: el valor del atributo ALT a veces no se muestra cuando falta la imagen , Bugs.webkit.org , consultado el 26 de marzo de 2012
  61. ^ WWW-Talk enero-marzo de 1993: propuesta de nueva etiqueta: IMG , 1997.webhistory.org , consultado el 26 de marzo de 2012
  62. ^ "¿Son accesibles los marcos?" ... los marcos presentan desafíos de usabilidad adicionales que son únicos para los usuarios con discapacidades, en particular aquellos que usan lectores de pantalla.
  63. ^ "Objetos, imágenes y applets" . W3C . Consultado el 20 de diciembre de 2008 .
  64. ^ "InState Longdesc" . Consultado el 5 de septiembre de 2011 .
  65. ^ "Creación de imágenes accesibles" . WebAim . Consultado el 20 de diciembre de 2008 .
  66. ^ Uso de Longdesc - Wiki de WHATWG , Wiki.whatwg.org , consultado el 26 de marzo de 2012
  67. ^ "Error 13461 - Comentario sobre el número 30 (descripción larga) de la Asociación de Editores Estadounidenses" . Consultado el 5 de septiembre de 2011 .
  68. ^ a b "Obsoleto – Características no conformes" . HTML Living Standard . WHATWG . 22 de julio de 2022. Consultado el 7 de agosto de 2022 .
  69. ^ "<xmp>" . MDN Web Docs . 24 de febrero de 2023.
  70. ^ a b Chisholm, Wendy; Vanderheiden, Gregg; Jacobs, Ian (1999-05-05). "Directrices de accesibilidad al contenido web 1.0" . Consorcio World Wide Web . Recuperado el 2010-07-20 .
  71. ^ "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. Recuperado el 24 de marzo de 2009 .
HTML 3.2:
Raggett, Dave (14 de enero de 1997). "Especificación de referencia de HTML 3.2" . W3C . Recuperado el 27 de marzo de 2009 .
HTML 4.01:
Raggett, Dave ; Le Hors, Arnaud; Jacobs, Ian (1999-12-24). "Especificación HTML 4.01" . W3C . Recuperado el 24 de marzo de 2009 .(HTML 4.01 sustituyó a la versión 4.0 (1998), que nunca se implementó ampliamente, y a todas las versiones anteriores. A su vez, fue sustituida 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 . 1 de agosto de 2002 [2000] . Consultado el 24 de marzo de 2009 .
XHTML 1.1:
Altheim, Murray; McCarron, Shane; Ishikawa, Masayasu, eds. (23-11-2010) [2001]. "XHTML 1.1 - XHTML basado en módulos - Segunda edición" . Versión revisada. W3C . Recuperado el 26-07-2018 .(Sustituido 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]. "XHTML Modularization 1.1 - Second Edition" . Versión revisada. W3C . Consultado el 26 de julio de 2018 .(Versión más detallada de la anterior. También reemplazada el 27/03/2018 por HTML 5.2 ).
W3C HTML 5.2:
Faulkner, Steve; Eicholz, Arron; Leithead, Travis; Danilo, Alex; Moon, Sangwhan; Doyle Navara, Erika; O'Connor, Theresa; Berjon, Robin, eds. (14-12-2017) [2016]. "HTML 5.2 Recomendación W3C" . Versión revisada. W3C . Recuperado el 26-07-2018 .Sustituye a todas las versiones anteriores de HTML y XHTML, incluida 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 . Recuperado el 26 de julio de 2018 .También disponible como versión multipágina y edición para desarrolladores (también multipágina, con función de búsqueda y otros gadgets, y sin detalles de interés únicamente para los proveedores de navegadores).

Otras fuentes

Etiquetas HTML:
Berners-Lee, Tim (1992-11-03). "Etiquetas HTML" . Recuperado el 28-03-2009 .(Parte de la primera descripción publicada de HTML.)
Borrador de Internet HTML 1.2:
Berners-Lee, Tim ; Connolly, Dan (junio de 1993). "Lenguaje de marcado de hipertexto (HTML)" . Recuperado el 28 de marzo de 2009 .
Borradores de HTML 3.0:
Raggett, Dave (1995-03-24). "Especificación del lenguaje de marcado de hipertexto versión 3.0 (borrador)" . Recuperado el 2009-04-18 .(Este es el borrador final de HTML 3.0, que quedó obsoleto sin haber sido desarrollado posteriormente).
Tablas HTML:
Raggett, Dave (mayo de 1996). Tablas HTML (RFC 1942) . IETF . doi : 10.17487/RFC1942 . RFC 1942. Recuperado 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). "Extensible Markup Language (XML) 1.0 (Fifth Edition)". W3C. Retrieved 2009-03-20.
CSS 1:
Lie, Håkon Wium; Bos, Bert (2008-04-11) [1996]. "Cascading Style Sheets, Level 1". Revised version. W3C. Retrieved 2018-07-26.
CSS 2.1:
Bos, Bert; Çelik, Tantek; Hickson, Ian; Lie, Håkon Wium (12 April 2016) [2011]. "Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification". Revised version. W3C. Retrieved 2018-07-26.
CSS 3 and 4:
Atkins, Tab Jr.; Eternad, Elika J.; Rivoal, Florian (31 January 2017). "CSS Snapshot 2017". W3C. §2. Cascading Style Sheets (CSS) – The Official Definition. Retrieved 2018-07-26.(List of active specifications that have superseded CSS 2.1, as of the publication date.)
"CSS Current Status". W3C. 2018. Retrieved 2018-07-26.(CSS levels 3 and 4 are developed as independent modules, indexed at that page.)
  • HTML 4.01 (Dec 24, 1999): elements and attributes
  • HTML5 (Oct 28, 2014): elements and attributes
Retrieved from "https://en.wikipedia.org/w/index.php?title=HTML_element&oldid=1361711815"