elemento HTML

De Wikipedia, la enciclopedia libre
Saltar a navegación Saltar a buscar

Un elemento HTML es un tipo de componente de documento HTML (HyperText Markup Language), uno de varios tipos de nodos HTML (también hay nodos de texto, nodos de comentarios y otros). [ vago ] El 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 del documento (p. ej., ponen el texto en negrita, lo organizan en párrafos, listas y tablas, o incrustar 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

Elementos vs etiquetas

Como se entiende generalmente, la posición de un elemento se indica desde una etiqueta de inicio y termina 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 (p. ej., "la etiqueta P"). Recuerde que el elemento es una cosa y la etiqueta (ya sea de inicio o final) es otra. Por ejemplo, el elemento HEAD siempre está presente, aunque las etiquetas HEAD inicial y final pueden faltar en el marcado. [1]

De manera similar, la recomendación W3C HTML 5.1 2nd Edition 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 final de ciertos elementos normales pueden omitirse, (...)
El contenido del elemento debe colocarse entre justo después de la etiqueta de inicio (lo que podría estar implícito , en ciertos casos) y justo antes la etiqueta final (que nuevamente, podría estar implícita , en ciertos casos).

y:

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


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 de 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 ningún documento determinado. Como ejemplo simple, la etiqueta que indica el inicio de un elemento de párrafo debe complementarse con un<p></p>etiqueta que indica su final. Pero dado que 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 otro, cualquier párrafo actualmente abierto 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, generalmente no es posible inferir elementos solo de las etiquetas del documento, pero 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>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 fue desarrollado como una alternativa más simple. Aunque 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 las etiquetas y los elementos es siempre la de analizar las etiquetas reales incluidas en el documento, sin los cierres implícitos que forman parte de SGML. [nota 2]

Es probable que HTML, tal como se usa en la web actual, se trate como XML, siendo XHTML , o como HTML5 ; en cualquier caso, el análisis de 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 (ejemplo: representación de pantalla) es idéntico o casi idéntico. [nota 3]

%block;contra caja

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

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

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

Resumen

Sintaxis

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 finalización, con el contenido en el medio. Una etiqueta HTML se compone del nombre del elemento, entre corchetes angulares . Una etiqueta final también tiene una barra oblicua después del paréntesis angular de apertura, para distinguirla de la etiqueta inicial. 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 que esté presente la etiqueta final, o incluso la etiqueta inicial. [4] Algunos elementos, los llamados elementos vacíos , no tienen una etiqueta final. Un ejemplo típico es el <br>elemento (salto de línea fuerte). El comportamiento de un elemento void está predefinido y no puede contener ningún contenido u otros elementos. Por ejemplo, una dirección se escribiría como:

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

Al usar XHTML , se requiere abrir y cerrar todos los elementos, incluidos los elementos vacíos. Esto se puede hacer colocando una etiqueta final inmediatamente después de la etiqueta inicial, pero esto no es legal en HTML 5 y dará lugar a la creación de dos elementos. Una forma alternativa de especificar que se trata de un elemento vacío, que es compatible tanto con XHTML como con HTML 5, es poner una /al final de la etiqueta (que no debe confundirse con la /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 como:

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

Informalmente, los elementos HTML a veces se denominan "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) pueden escribirse 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 estaba en mayúsculas 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 elemento

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

Los elementos normales suelen tener una etiqueta de inicio y una etiqueta de finalización, aunque para algunos elementos se puede omitir la etiqueta de finalización o ambas etiquetas. Se construye de manera 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 , incluidos texto y otros elementos;
  • una etiqueta final , en la que el nombre del elemento tiene como prefijo una barra inclinada : .</tag>

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

  • una etiqueta de inicio (en forma ) 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 final , en la que el nombre del elemento tiene como prefijo una barra inclinada: . En algunas versiones de HTML, la etiqueta final es opcional para algunos elementos. La etiqueta final es obligatoria en XHTML .</tag>

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

Los elementos vacíos (a veces también llamados elementos vacíos, elementos únicos o elementos independientes) solo tienen una etiqueta de inicio (en el formulario), que contiene cualquier atributo HTML. No pueden contener niños, como texto u otros elementos. Para compatibilidad conXHTML, la especificación HTML permite un espacio opcional y una barra inclinada (está permitido). El espacio y la barra inclinada son necesarios enXHTMLy otrasXML. Dos elementos vacíos comunes son(para unsalto de línea fuerte, como en un poema o una dirección) y(para un corte temático). Otros elementos similares suelen ser marcadores de posición que hacen referencia a archivos externos, como la imagen (<tag><tag /><br /><hr /><img />) elemento. Los atributos incluidos en el elemento apuntarán al archivo externo en cuestión. Otro ejemplo de un elemento vacío es <link />, para el cual la sintaxis es:

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

Este <link />elemento apunta al navegador a una hoja de estilo para usar al presentar el documento HTML al usuario. Tenga en cuenta que en la sintaxis HTML los atributos no tienen que estar entrecomillados si están compuestos solo por ciertos caracteres: letras, dígitos, el guión-menos y el punto. Cuando se usa la sintaxis XML (XHTML), por otro lado, todos los atributos deben estar entre comillas, y se requiere una barra diagonal final espaciada antes del último paréntesis angular:

<enlace  rel= "hoja de estilo"  href= "fancy.css"  type= "texto/css"  />

Atributos

Los atributos HTML definen el comportamiento deseado o indican propiedades de elementos adicionales. 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 citar con comillas simples o dobles (o). En XML , esas comillas son obligatorias. attribute=valueattribute='value'attribute="value"

Los atributos booleanos , por otro lado, no requieren que se especifique un valor. Un ejemplo son las checkedcasillas de verificación for:

< 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 el valor:

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

Estándares de elementos

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

Durante las guerras de los navegadores de la década de 1990, los desarrolladores de agentes de usuario (por ejemplo , navegadores web ) a menudo desarrollaron 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 se ignorarán, lo que posiblemente provoque que la página se muestre incorrectamente.

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

Posteriormente, HTML 4.01 fue reescrito en una forma compatible con XML , XHTML 1.0 ( HTML extensible ). 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 HTML real, a menos que se indique lo contrario; sin embargo, sigue siendo aplicable a XHTML. Ver HTML para una discusión de las diferencias menores entre los dos.

Estado del elemento

Desde la primera versión de HTML, varios elementos han quedado obsoletos y están en desuso en los estándares posteriores, o no aparecen en absoluto, en cuyo caso no son válidos (y se considerarán no válidos, y quizás no se muestren, al validar los agentes de usuario) . [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 pretendía 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 de conjuntos de marcos ;
  • Strict , que es la forma actualizada (en 1999) de HTML.

En cambio, HTML5 proporciona una lista de características obsoletas para acompañar el contenido normativo estandarizado . Se dividen en "obsoletos pero conformes" para los que existen instrucciones de implementación y "no conformes" que deben ser reemplazados. [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 dejó en desuso otros diez elementos. Todos estos, más otros dos, no son válidos en HTML 4.01 estricto . Si bien los elementos del marco aún están vigentes en el sentido de estar presentes en las DTD de transición y conjunto de marcos, no hay planes para preservarlos en estándares futuros, ya que su función se ha reemplazado en gran medida y son muy 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 obsoleto para referirse tanto al estado obsoleto como al no válido, y a los elementos que se espera que queden obsoletos formalmente 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 y las imágenes visibles) de la presentación (como el color, el tamaño de fuente y el diseño). [13] Esto a menudo se denomina 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 brinda una representación predeterminada para HTML. [14]

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

La separación de preocupaciones 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 adecuada para presentar un documento mostrándolo en un monitor, imprimiéndolo 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 siguen siendo idénticas en cada caso.

Históricamente, los agentes de usuario no siempre admitían estas funciones. En la década de 1990, como medida provisional, se agregaron 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 un diseño basado en hojas de estilo; la mayoría de los elementos de presentación ahora están en desuso. [15]

Los archivos de imágenes externas se incorporan con los elementos <img />o <object />. (Con XHTML , el lenguaje SVG también se puede usar 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 que se reemplace contenido con un valor semántico similar. para agentes de usuario no visuales.

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

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

  • En el encabezado del documento, <style />y <script />puede vincularse a documentos externos compartidos, o <style>...</style>puede <script>...</script>contener instrucciones incrustadas. (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 gestión de eventos , que proporcionan enlaces a secuencias de comandos, son opcionales en la mayoría de los elementos.
  • Para los agentes de usuario que no utilizan scripts, el <noscript>...</noscript>elemento proporciona contenido alternativo incrustado cuando corresponda; 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>
El elemento raíz de un documento HTML ; todos los demás elementos están contenidos en esto. El elemento HTML delimita el principio y el final de un documento HTML.
Se pueden omitir las etiquetas de inicio y fin (HTML5). [4]
Estandarizado en HTML 2.0 ; todavía actual.

(Consulte elementos de encabezado de documento para elementos secundarios).

Contenedor para procesar información y metadatos para un documento HTML.
Tanto las etiquetas de inicio como las de finalización pueden omitirse e inferirse de los elementos secundarios (HTML5). [4]
Estandarizado en HTML 2.0 ; todavía actual.
<body></body>

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

Contenedor para el contenido visualizable de un documento HTML.
Tanto las etiquetas de inicio como las de finalización pueden omitirse e inferirse de los elementos secundarios (HTML5). [4]
Estandarizado en HTML 2.0 ; todavía actual.

Elementos del encabezado del documento

<base />
Especifica una URL basehref para todos los vínculos relativos y de otro tipo en el documento. Debe aparecer antes de cualquier elemento que haga referencia a un recurso externo. HTML permite solo un <base>elemento para cada 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 ; todavía actual.
<basefont /> (deprecated)
Especifica un tamaño de fuente base, un tipo de letra y un color para el documento. Se utiliza junto con <font>elementos. En desuso a favor de las hojas de estilo .
Estandarizado en HTML 3.2 ; en desuso en HTML 4.0 Transitional ; no válido en HTML 4.0 estricto .
<isindex /> (deprecated)
<isindex>podría aparecer en el encabezado del documento o en el cuerpo, pero solo una vez en un documento. Consulte Formularios .
Especifica enlaces a otros documentos, como enlaces anteriores y siguientes , o versiones alternativas. [17] Un uso común es enlazar a hojas de estilo externas , usando el formulario, . [18] Un uso menos común, pero importante, es proporcionar sugerencias de navegación consistentemente mediante el uso de microformatos . Se definen varias relaciones comunes, que pueden estar expuestas 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 tiene 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 ; todavía actual.
<meta />

Se puede usar 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 <meta />elementos especifican pares clave-valor asociativos . En general, un metaelemento transmite información oculta sobre el documento. Se pueden usar varias metaetiquetas, todas las cuales deben estar anidadas en el elemento principal. El propósito específico de cada <meta />elemento está definido por sus atributos. Fuera de XHTML , a menudo se da sin la barra inclinada ( <meta>), a pesar de ser un elemento vacío .

En una forma, los <meta />elementos pueden especificar encabezados HTTP que deben ser enviados por un servidor web antes del contenido real. Por ejemplo, especifica que la página se debe servir 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, se puede proporcionar un tercer atributo opcional, scheme, para especificar un marco semántico que defina el significado de la clave y su valor. Por ejemplo, en el elemento se identifica a sí mismo como contenedor del elemento, con un valor de , del marco de descripción de recursos DC o Dublin Core .<meta name="foo" content="bar" scheme="DC" /><meta />foobar
Estandarizado en HTML 2.0 ; todavía actual.
<object>...</object>
Se utiliza para incluir objetos genéricos dentro del encabezado del documento. Aunque rara vez <head>se usa dentro de un elemento, podría usarse potencialmente para extraer datos externos y asociarlos con el documento actual.
Estandarizado en HTML 4.0 ; todavía actual.
<script>...</script>
Puede actuar como un contenedor para instrucciones de secuencias de comandos o vincular a una secuencia de comandos externa con el srcatributo opcional. [19] 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 ; todavía actual.
<style>...</style>
Especifica un estilo CSS para el documento, normalmente en formato . Puede actuar como un contenedor para instrucciones de estilo o como enlace a hojas de estilo externas, por ejemplo, en CSS , con directivas de la forma, [20]<style type="text/css"> ... </style>@import <style> @import url; </style>
Estandarizado en HTML 3.2 ; todavía actual.
<title>...</title>
Esta etiqueta define el título de un documento. Obligatorio en todos los documentos HTML y XHTML . Los agentes de usuario pueden usar el título de diferentes 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 en un documento.
Existía en HTML Tags , y estaba estandarizado en HTML 2.0 ; todavía actual.

Elementos del cuerpo del documento

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

  • como objetos rectangulares que no se rompen en líneas;
  • con márgenes de bloque, propiedades de ancho y 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 pueden tener márgenes, ancho o alto establecidos, y se dividen en líneas.

Bloquear elementos

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

La estructura rectangular de un elemento de bloque a menudo se denomina modelo de caja y se compone de varias partes. Cada elemento contiene lo siguiente:

  • El contenido de un elemento es el texto real (u otros medios) colocado entre las etiquetas de apertura y cierre de un elemento.
  • El relleno de un elemento es el espacio alrededor del contenido pero que aún forma parte del elemento. El relleno no debe usarse para crear espacios en blanco entre dos elementos. Cualquier estilo de fondo asignado al elemento, como una imagen de fondo o un color, 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 final absoluto de un elemento y se extiende por 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 un elemento. El contenido, el relleno y el borde de cualquier otro elemento no podrán ingresar a esta área a menos que lo obliguen a hacerlo mediante alguna ubicación avanzada de CSS . Usando la mayoría de los DTD estándar , los márgenes a la izquierda y a la derecha de los diferentes elementos se alejarán entre sí. Los márgenes en 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 mayor entre ellos.

La sección anterior se refiere solo 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.
Pexistió en etiquetas HTML y fue estandarizado en HTML 2.0 ; todavía actual.
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
Títulos de sección en diferentes niveles. h1delimita el encabezado de nivel más alto, h2el siguiente nivel hacia abajo (subsección), h3para un nivel por debajo de ese, y así sucesivamente hasta h6. A veces se denominan colectivamente etiquetas, que significan cualquiera de los niveles de encabezado disponibles. La mayoría de los navegadores visuales muestran los encabezados como texto grande 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 deben usarse para diseñar texto de forma explícita. 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 etiquetas HTML y estaban estandarizados en HTML 2.0 ; todavía actual.

Referencias

Listas

<dl>...</dl>
Una lista de descripción (también conocida como lista de asociación o lista de definición), que consta de grupos de nombre y valor, [21] y se conocía como lista de definición antes de HTML5. [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 y valor". [23]
DLexistió en etiquetas HTML y fue estandarizado en HTML 2.0 ; todavía actual.
<dt>...</dt>
Un nombre en una lista de descripción (anteriormente término de definición en una lista de definición).
DTexistió en etiquetas HTML y fue estandarizado en HTML 2.0 ; todavía actual.
<dd>...</dd>
Un valor en una lista de descripción (anteriormente datos de definición en una lista de definición).
DDexistió en etiquetas HTML y fue estandarizado en HTML 2.0 ; todavía actual.
<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 brindan 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: <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 proporciona varias otras opciones que no están disponibles como marcado HTML puro, incluidas noney opciones para escritura CJK , hebrea, georgiana y armenia. 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 ; todavía actual.
<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
ULexistió en etiquetas HTML y fue estandarizado en HTML 2.0 ; todavía actual.
<li>...</li>
Un elemento de lista en listas ordenadas ( ol) o desordenadas ( ul).
LIexistió en etiquetas HTML y fue estandarizado en HTML 2.0 ; todavía actual.
<dir>...</dir> (deprecated)
Una lista de directorio. El propósito original de este elemento nunca fue ampliamente apoyado; en desuso a favor de .<ul>
DIRexistió en etiquetas HTML y fue estandarizado en HTML 2.0 ; en desuso en HTML 4.0 Transitional ; no válido en HTML 4.0 estricto .

Otros elementos de bloque

<address>...</address>
Información de contacto del autor del documento.
ADDRESSexistió en etiquetas HTML y fue estandarizado en HTML 2.0 ; todavía actual.
<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 <cite>elemento) puede proporcionar la fuente y debe ser un identificador uniforme de recursos 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 use innecesariamente solo para sangrar párrafos, independientemente de la semántica. Para citas que no contengan elementos a nivel de bloque, vea el elemento de cita ( <q>).
BLOCKQUOTEexistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0 ; todavía actual. Consulte el elemento blockquote para obtener más información.
<center>...</center> (deprecated)
Crea una división alineada al centro a nivel de bloque. En desuso a favor de <div>u otro elemento con centrado definido mediante hojas de estilo.
Estandarizado en HTML 3.2 ; en desuso en HTML 4.0 ; no soportado en HTML5 .
<del>...</del>
Marca una sección eliminada de contenido. Este elemento también se puede utilizar como en línea .
Estandarizado en HTML 4.0 ; todavía actual.
<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 de un documento, generalmente para fines como la presentación o el comportamiento controlado por hojas de estilo o llamadas DOM .
Propuesto en los borradores de HTML 3.0 ; Estandarizado en HTML 3.2 ; todavía actual.
<figure>...</figure>
Se utiliza para agrupar imágenes y subtítulos, junto con <figcaption>.
Estandarizado en HTML5 .
<figcaption>...</figcaption>
Un título para una imagen. Siempre colocado dentro del <figure>elemento.
Estandarizado en HTML5 .
Se utiliza para pies de página de documentos. Estos pueden contener información sobre el autor o los derechos de autor, o enlaces a otras páginas.
Estandarizado en HTML5 .
Se utiliza para encabezados de documentos. Por lo general, contienen contenido que presenta la página.
Estandarizado en HTML5 .
<hr />
Una ruptura temática (originalmente: regla horizontal). Las reglas de presentación se pueden dibujar con hojas de estilo.
Estandarizado en HTML 2.0 ; todavía actual.
<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 ; todavía actual.
<main>...</main>
Contiene el contenido principal de un documento.
Estandarizado en HTML 5.1 .
HTML 2.0: una lista de menú. Debería ser más compacto que una <ul>lista.
MENUexistió en etiquetas HTML y fue estandarizado en HTML 2.0 ; en desuso en HTML 4.0 Transitional ; no válido en HTML 4.0 estricto ; luego redefinido en HTML5 , pero eliminado en HTML 5.2.
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 del script , esto solo se puede usar como un elemento a nivel de bloque.
Estandarizado en HTML 4.0 ; todavía actual.
<pre>...</pre>
Texto preformateado . El texto dentro de este elemento generalmente se muestra en una fuente no proporcional exactamente como se presenta en el archivo (consulte el arte ASCII ). 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: , se pueden presentar otros elementos 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>
PREexistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0 ; todavía actual.
<section>...</section>
Se utiliza para secciones genéricas de un documento. Esto se diferencia de <div>que solo se usa 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 usar en la cabeza y en contextos en línea. Se puede usar como <script />un srcatributo para proporcionar una URL desde la cual cargar el script, o se puede usar <script>...</script>alrededor del contenido del script incrustado. Nota: <script> no es en sí mismo ni un bloque ni un elemento en línea; por sí mismo no debería mostrarse en absoluto, pero puede contener instrucciones para generar dinámicamente tanto contenido en bloque como en línea.
Estandarizado en HTML 3.2 ; todavía actual.

Elementos en línea

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

Ancla

<a>...</a>

Un elemento de anclaje se llama 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 se encuentra en el enlace. [25]

En HTML, un ancla puede ser el origen (el texto del ancla ) o el final de destino (destino) de un hipervínculo .

Con el atributo href, [26] el ancla se convierte en un hipervínculo a otra parte del documento oa otro recurso (por ejemplo, una página web) utilizando una URL externa . Alternativamente (ya veces simultáneamente), con los atributos nameo id HTML establecidos, el elemento se convierte en un destino de enlace. Un localizador uniforme de recursos (URL) puede vincular a este objetivo a través de un identificador de fragmento . En HTML5, cualquier elemento ahora se puede convertir en un objetivo usando el idatributo, [27] por lo que no es necesario usar , aunque esta forma de agregar anclas sigue funcionando.<a name="foo">...</a>

Para ilustrar: el encabezado de una sección de tabla de contenido enejemplo.comLa página de inicio 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 se ha marcado 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 dar una breve información sobre el enlace: .<a href="URL" title="additional information">link text</a>

En la mayoría de los navegadores gráficos, cuando el cursor pasa sobre un enlace, el cursor se convierte en una mano con un 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.

Aexistió en etiquetas HTML y fue estandarizado en HTML 2.0 ;

Elementos de frase

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

generales
<abbr>...</abbr>
Marca una abreviatura y puede hacer que el formulario completo esté disponible:<abbr title="abbreviation">abbr.</abbr>
Estandarizado en HTML 4.0 ; todavía actual.
<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 ; todavía actual, no compatible con HTML5 . El reemplazo recomendado es la abbretiqueta. [28]
<dfn>...</dfn>
Definición en línea de un solo término.
DFNexistía en HTML Internet Draft 1.2 y estaba completamente estandarizado en HTML 3.2 ; todavía actual.
<em>...</em>
Énfasis (convencionalmente mostrado en cursiva)
EMexistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0 ; todavía actual.
<strong>...</strong>
importancia ; originalmente fuerte énfasis (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 ; todavía actual, redefinido en HTML5.
Elementos de frases informáticas

Estos elementos son útiles principalmente para documentar el desarrollo del código de computadora y la interacción del usuario a través de la diferenciación del código fuente ( ), variables ( ), entrada del usuario ( ) y 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 ; todavía actual.
<kbd>...</kbd>
Teclado – texto a ser ingresado por el usuario ( kbd example).
KBDexistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0 ; todavía actual.
<samp>...</samp>
Salida de muestra: de un programa o script: (ejemplo de muestra).
SAMPexistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0 ; todavía actual.
<var>...</var>
Variable ( ejemplo de var ).
VARexistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0 ; todavía actual.
Presentación

Dado que 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 en desuso o no son válidos en HTML 4/XHTML 1.0, y el resto no es válido en el borrador actual de XHTML 2.0 . Sin embargo, el borrador actual de HTML5<s> vuelve a incluir , <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 , establezca 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 . En HTML5 , sin embargo, 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 un estado de ánimo alternativos". [29]{ font-weight: bold; }<strong><b><strong>
Bexistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0 ; todavía actual, redefinido en HTML5.
<i>...</i>
En HTML 4 , establezca la fuente en cursiva siempre que sea posible. CSS equivalente : . Usar tiene el mismo efecto visual en la mayoría de los navegadores, además de tener un significado semántico como énfasis , bajo HTML 4.01 . (Las cursivas puramente tipográficas tienen muchos propósitos que no son de énfasis, como HTML 5 reconoce 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. [30]{ font-style: italic; }<em>...</em><i><em>
Iexistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0 ; todavía actual, redefinido en HTML5.
<u>...</u>
En HTML 4 , texto subrayado . CSS equivalente: . En desuso en HTML 4.01 . Restaurado en HTML5 . En HTML5 , el elemento denota "un tramo 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 estar mal escrito". La especificación de HTML5 recuerda a los desarrolladores que otros elementos son casi siempre más apropiados y advierte a los diseñadores que no utilicen texto subrayado donde podría confundirse con un hipervínculo. [31]{ text-decoration: underline; }<u><u>
Uexistía en HTML Internet Draft 1.2 , estaba estandarizado en HTML 3.2 pero estaba obsoleto en HTML 4.0 Transitional y no era válido en HTML 4.0 Strict . Reintroducido 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 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 ; todavía actual.
<s>...</s>
En HTML 4 , indicaba texto tachado ( Strikethrough ) y equivalía 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/eliminación. [33]
Sestaba en desuso 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 . Reintroducido en HTML5 , que en su lugar quedó 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 soportado en HTML5 .
<strike>...</strike> (deprecated)
Texto tachado ( Tachado ), (CSS equivalente: ){ text-decoration: line-through; }
STRIKEfue estandarizado en HTML 3.2 ; en desuso en HTML 4.0 Transitional ; no válido en HTML 4.0 estricto .
<tt>...</tt> (deprecated)
Fuente de ancho fijo (tipo máquina de escribir ), también conocida como teletipo , por lo tanto, "tt". (CSS equivalente: ){ font-family: monospace; }
TTexistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0 ; no soportado [34] en HTML5. Posibles reemplazos: <kbd>para marcar la entrada del usuario, <var>para variables (generalmente en cursiva, y no con un cambio a monoespaciado), <code>para código fuente, <samp>para salida. [34]
<font>...</font> (deprecated)
<font [color=<var>color</var>] [size=<var>size</var>] [face=<var>face</var>]>...</font> Puede especificar el color de 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 obsoletos, use equivalentes de 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 son del 1 al 7. El tamaño estándar es 3, a menos que se especifique lo contrario en el <cuerpo> u otras etiquetas.
  • <font size="+1">text</font>crea texto con tamaño 1 más grande que el estándar. es opuesto.<font size="-1">text</font>
  • <font face="Courier">text</font>hace texto con 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 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 ; en desuso en HTML 4.0 Transitional ; no válido en HTML 4.0 estricto . No es parte de HTML5.

lapso

<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 de un documento, generalmente para fines como la presentación o el comportamiento controlado por hojas de estilo o llamadas DOM .
Estandarizado en HTML 4.0 ; todavía actual.

Otros elementos en línea

<br />
Un salto de línea forzado.
Estandarizado en HTML 2.0 ; todavía actual.
<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 el 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 la opuesta a la del elemento principal.
Estandarizado en HTML 4.0 ; todavía actual.
<cite>...</cite>
Una cita o una referencia para una cita o declaración en el documento.
CITE existía en HTML Internet Draft 1.2 y se estandarizó en HTML 2.0 ; todavía actual.
Nota: Las especificaciones de HTML 5 se han bifurcado de manera confusa , [35] incluso con respecto a este elemento. En HTML 4 y versiones anteriores, <cite>era para "una cita o una referencia a otras fuentes" sin limitaciones o requisitos particulares. [36] La especificación W3C HTML 5 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, pueblo 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 citas". [37]Pero la especificación WHATWG solo permite que el elemento se use alrededor del título de una obra. [38] Las especificaciones del W3C comenzaron con la definición más amplia, luego cambiaron a una más estrecha después de que WHATWG hiciera este cambio. Sin embargo, W3C revirtió su propio cambio en 2012, en respuesta a los comentarios negativos de la comunidad de desarrolladores; el elemento se usó ampliamente con un alcance más amplio, por ejemplo, varias plataformas de blogs y foros envuelven las identificaciones de los comentaristas y las direcciones de correo electrónico en<cite>...</cite>, y las personas que usaban el elemento para citas bibliográficas envolvían (y aún lo hacen) rutinariamente cada cita completa en este elemento. Otro problema con el elemento es que WHATWG recomienda que esté en cursiva por defecto (por lo tanto, 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 se escriben en 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 utilizan una hoja de estilo para todo el sitio para deshacer las cursivas automáticas 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. Por lo general, se representa como un tachado :Texto eliminado.
Estandarizado en HTML 4.0 ; todavía actual.
<ins>...</ins>
Texto insertado. A menudo se usa para marcar texto de reemplazo para material tachado con <del>o <s>. Normalmente se representa subrayado :Texto insertado.
Estandarizado en HTML 4.0 ; todavía actual.
Ambos elementos <ins>y <del>también se pueden usar como elementos de bloque: que contienen otros elementos de bloque y en línea. Sin embargo, estos elementos aún deben permanecer completamente dentro de su elemento principal para mantener un documento HTML bien formado. Por ejemplo, eliminar texto desde la mitad de un párrafo a través de varios otros párrafos y terminar en un párrafo final necesitaría usar tres <del>elementos separados. Se requerirían dos <del>elementos como elementos en línea para indicar la eliminación de texto en los párrafos primero y último, y un tercero, utilizado como elemento de bloque, para indicar la eliminación en los párrafos intermedios.
<mark>...</mark>
Produce texto que pareceMe gusta esto. Destinado a resaltar texto relevante en una cita.
Estandarizado en HTML5 .
<q>...</q>
Una cotización en línea (para una cotización a nivel de bloque, consulte ). Los elementos de cotización pueden estar anidados. debería generar automáticamente comillas junto con las hojas de estilo. Las preocupaciones prácticas debido al incumplimiento del navegador pueden obligar a los autores a encontrar soluciones alternativas. El atributo proporciona la fuente y debe ser un URI completo .<blockquote><q> cite
Estandarizado en HTML 4.0 ; todavía actual.
Nota: las citas largas en línea se pueden mostrar como bloques sangrados (como block-quote) usando 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 alternativos para los navegadores que no admiten 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 de rubí para mostrar la pronunciación de los caracteres de Asia oriental.
Estandarizado en HTML5 . [44]
<script>...</script>
Coloca un script en el documento. También se puede usar en la cabeza y en contextos de bloque. Nota: <script> no es en sí mismo ni un bloque ni un elemento en línea; por sí mismo no debería mostrarse en absoluto, pero puede contener instrucciones para generar dinámicamente tanto contenido en bloque como en línea.
Estandarizado en HTML 3.2 ; todavía actual.
<sub>...</sub>
<sup>...</sup>
Marcar texto con 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 ; Estandarizado en HTML 3.2 ; todavía actual.
<template>...</template>
Fragmentos de código para ser copiados por scripts.
Estandarizado en HTML5 .
<time>...</time>
Representa una hora en el reloj de 24 horas o una fecha en el calendario gregoriano , opcionalmente con información de hora y zona horaria. También permite que las horas y las fechas se representen en un formato legible por máquina.
Estandarizado en HTML5 . [45]
<wbr />
Un salto de palabra opcional.
Fue ampliamente utilizado (y compatible con todos los principales navegadores) durante años a pesar de no ser estándar hasta que finalmente se estandarizó en HTML5 .

Imágenes y objetos

<applet>...</applet> (deprecated)
Incrusta un applet de Java en la página. Obsoleto a 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 ; en desuso en HTML 4.0 Transitional ; no válido en HTML 4.0 estricto . A partir de 2011, todavía se usa ampliamente ya que las implementaciones de reemplazo <object>no son consistentes entre diferentes navegadores.
<area />
Especifica un área enfocable<map> en un archivo .
Estandarizado en HTML 3.2 ; todavía actual.
<audio>...</audio>
Agrega audio HTML5 reproducible a la página. La URL de audio se determina utilizando 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 utiliza con frecuencia 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 a favor de <object>, pero luego se volvió a agregar a la especificación HTML5 [46] [47]
<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 se pueda mostrar. [48] ​​(Aunque altestá pensado como texto alternativo, Microsoft Internet Explorer 7 y versiones anteriores lo presentan como información sobre herramientas si no titlese proporciona ningún atributo. [49] Safari y Google Chrome , por otro lado, no muestran el atributo alt en absoluto. ) [50] El <img />elemento fue propuesto por primera vez por Marc Andreessen e implementado en el navegador web NSCA Mosaic .[51]
IMGexistió en HTML Internet Draft 1.2 y fue estandarizado en HTML 2.0 ; todavía actual.
<map>...</map>
Especifica un mapa de imagen del lado del cliente .
Estandarizado en HTML 3.2 ; todavía actual.
<object>...</object>
Incluye un objeto en la página del tipo especificado por el typeatributo. Esto puede estar en cualquier tipo de MIME que el agente de usuario entienda, como una página HTML incrustada, un archivo para ser manejado por un complemento como Flash , un applet de Java , un archivo de sonido, etc.
Estandarizado en HTML 4.0 ; todavía actual.
<param />
Introducido originalmente 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 ; todavía actual.
<source>...</source>
Especifica diferentes fuentes para audio o video. Hace uso del srcatributo de forma similar a los elementos <video>y <audio>.
Estandarizado en HTML5 .
<track>...</track>
Proporciona pistas de texto, como subtítulos y subtítulos, para audio y video.
Estandarizado en HTML5 .
<video>...</video>
Agrega un video HTML5 reproducible a la página. La URL del video se determina usando 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 usar por separado como controles de interfaz de usuario; en el documento, pueden ser HTML simples o usarse junto con Scripts. El marcado HTML especifica los elementos que componen un formulario y el método por el cual se enviará. Sin embargo, se debe usar algún tipo de script ( 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 en bloque o en línea, pero se recopilan aquí porque su uso es más restringido que otros elementos en línea o en bloque).

<form action="url">...</form>
Crea un formulario . El <form>elemento especifica y opera la acción general de un área de formulario, utilizando el actionatributo requerido.
Estandarizado en HTML 2.0 ; todavía actual.
<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 ; todavía actual.
<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, una serie de controles relacionados se pueden agrupar dentro de un <fieldset>, que luego se puede <legend>agregar para identificar su función.
Estandarizado en HTML 4.0 ; todavía actual.
<input />
<input>Los elementos permiten implementar una variedad de controles de formulario estándar.
Estandarizado en HTML 2.0 ; todavía actual.
Tipos de entrada:
 escriba = "casilla de verificación"
Una casilla de verificación . Se puede marcar o desmarcar.
 escriba = "radio"
Un botón de radio . Si varios botones de opción reciben el mismo nombre, el usuario solo podrá seleccionar uno de ellos de este grupo.
 escriba = "botón"
Un botón de uso general. Se prefiere el elemento <button>si es posible (es decir, si el cliente lo admite) ya que brinda posibilidades más ricas.
 escriba = "enviar"
Un botón de enviar .
 escriba = "imagen"
Un botón de imagen . La URL de la imagen se puede especificar con el srcatributo.
 escriba = "restablecer"
Un botón de reinicio para restablecer el formulario a los valores predeterminados.
 escriba = "texto"
Un campo de entrada de texto de una 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 variación de textla cual produce una barra de búsqueda.
 escriba = "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 reemplazo. La contraseña todaví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.
 escriba = "archivo"
Un campo de selección de archivos (para cargar archivos a un servidor).
 escriba = "tel"
Una variación de textpara números de teléfono .
 escriba = "correo electrónico"
Una variación de textpara direcciones de correo electrónico .
 escriba = "url"
Una variación de textpara URL .
 escriba = "fecha"
Un selector de fecha.
 escriba = "hora"
Un selector de tiempo.
 tipo = "número"
Una variación de textpara números.
 escriba = "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.
 escriba = "oculto"
hiddenlas entradas no son visibles en la página renderizada, pero permiten que un diseñador mantenga una copia de los datos que deben enviarse al servidor como parte del formulario. Estos pueden ser, por ejemplo, datos que este usuario web ingresó o seleccionó en un formulario anterior que debe procesarse junto con el formulario actual. No se muestra al usuario, pero los datos aún se pueden modificar en el lado del cliente editando la fuente HTML.
<isindex /> (deprecated)
<isindex />podría aparecer en el encabezado del documento o en el cuerpo, pero solo una vez en un documento. <isindex />operado 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 un URI base, un ampersand y palabras clave codificadas en porcentaje separadas por signos más .
ISINDEXexistía en etiquetas HTML ; estandarizado en HTML 2.0 ; en desuso en HTML 4.0 Transitional ; no válido en HTML 4.0 estricto .
<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 coincidente.
Estandarizado en HTML 4.0 ; todavía actual.
<legend>...</legend>
Una leyenda (título) para un archivo <fieldset>.
Estandarizado en HTML 4.0 ; todavía actual.
<meter>...</meter>
Un medidor que necesita un valueatributo. También puede tener: min, low, highy max.
Estandarizado en HTML5 .
<option value="x">...</option>
Crea un elemento en una <select>lista.
Estandarizado en HTML 2.0 ; todavía actual.
<optgroup>...</optgroup>
Identifica un grupo de <option>elementos en una <select>lista.
Estandarizado en HTML 4.0 ; todavía actual.
<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, desde la cual el usuario puede seleccionar una sola opción. Puede representarse como una lista desplegable.
Estandarizado en HTML 2.0 ; todavía actual.
<textarea rows="8">...</textarea>
Un área de texto de varias líneas, cuyo tamaño se especifica mediante cols(donde una columna tiene un ancho de texto de un carácter) 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 ; todavía actual.

Tablas

El formato de las tablas HTML se propuso en los borradores de HTML 3.0 y en las tablas HTML RFC 1942 posteriores . Se inspiraron en el Modelo de Mesa 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 de bloque ni en línea ).

<table>...</table>
Identifica una tabla. Varios atributos HTML son 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 para fines de accesibilidad, aunque su uso no es simple.
Propuesto en los borradores de HTML 3.0 ; Estandarizado en HTML 3.2 ; todavía actual.
<tr>...</tr>
Contiene una fila de celdas en un archivo <table>.
Propuesto en los borradores de HTML 3.0 ; Estandarizado en HTML 3.2 ; todavía actual.
<th>...</th>
Una <table>celda de encabezado; los contenidos se muestran convencionalmente en negrita y centrados. Un agente de usuario auditivo puede usar una voz más alta para estos elementos.
Propuesto en los borradores de HTML 3.0 ; Estandarizado en HTML 3.2 ; todavía actual.
<td>...</td>
Una <table>celda de datos.
Propuesto en los borradores de HTML 3.0 ; Estandarizado en HTML 3.2 ; todavía actual.
<colgroup>...</colgroup>
Especifica un grupo de columnas en un archivo <table>.
Propuesto en Tablas HTML ; Estandarizado en HTML 4.0 ; todavía actual.
<col>...</col>
Especifica una columna en un <table>.
Propuesto en Tablas HTML ; Estandarizado en HTML 4.0 ; todavía actual.
<caption>...</caption>
Especifica un título para un archivo <table>.
Propuesto en los borradores de HTML 3.0 ; Estandarizado en HTML 3.2 ; todavía actual.
<thead>...</thead>
Especifica la parte del encabezado de un archivo <table>. El agente de usuario puede repetir esta sección si la tabla está dividida en páginas (en impresión u otros medios paginados).
Propuesto en Tablas HTML ; Estandarizado en HTML 4.0 ; todavía actual.
<tbody>...</tbody>
Especifica un cuerpo de datos para un archivo <table>.
Propuesto en Tablas HTML ; Estandarizado en HTML 4.0 ; todavía actual.
<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 está dividida en páginas (en impresión u otros medios paginados).
Propuesto en Tablas HTML ; Estandarizado en HTML 4.0 ; todavía actual.

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 de 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, [52] debido a que los documentos (o sitios web) separados e independientes se muestran uno al lado del otro y se les permite interactuar con la misma ventana principal. Debido a este costo, los marcos (excluyendo el <iframe>elemento) solo se permiten en HTML 4.01 Frame-set. Los iframes también pueden contener documentos en diferentes servidores. En este caso, el navegador bloquea la interacción entre ventanas. Sitios como Facebook y Twitteruse iframes para mostrar contenido (complementos) en sitios web de terceros. Google AdSense utiliza 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 tanto a <body>como a <frameset>. Sin embargo, <iframe>se puede utilizar en un cuerpo de documento normal.

<frameset>...</frameset> (deprecated)
Contiene el conjunto de <frame />elementos de un documento. El diseño de los marcos viene dado por listas separadas por comas en los atributos HTMLrows y .cols
Estandarizado en HTML 4.0 Frameset, obsoleto en HTML5.
<frame /> (deprecated)
Define un solo marco, o región, dentro del archivo <frameset>. Un documento separado está vinculado a un marco usando 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, an <iframe>puede ser el marco de "destino" para los enlaces definidos por otros elementos, y el agente de usuario puede seleccionarlo como el foco para imprimir, ver su origen, etc. El contenido del elemento se utiliza como texto alternativo para mostrar si el navegador no admite marcos en línea. Un documento separado está vinculado a un marco usando el srcatributo dentro del <iframe />, un código HTML en línea está incrustado en un marco usando el srcdocatributo dentro del <iframe />elemento.
Introducido por primera vez por Microsoft Internet Explorer en 1997, estandarizado en HTML 4.0 de transición, permitido en HTML5.

longdescatributo

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

longdescfue diseñado para ser utilizado por lectores de pantalla para mostrar información de imagen para usuarios de computadoras con problemas de accesibilidad , como ciegos o con problemas de visión, y se implementa ampliamente tanto en navegadores web como en lectores de pantalla. [54] Algunos desarrolladores objetan que [55] 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. [56] La industria editorial ha respondido, defendiendo la retención de longdesc. [57]

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 admiten 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 formaban parte del código HTML inicial desarrollado por Tim Berners-Lee entre 1989 y 1991; se mencionan en Etiquetas HTML , pero están en desuso 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 representar el elemento con hasta 132 caracteres por línea.
En desuso en HTML 3.2 ; obsoleto en HTML5 . [58]
<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 ; en desuso 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 a 80 caracteres por línea.
En desuso en HTML 3.2 ; obsoleto en HTML5 . [59]
<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); en desuso en HTML 2.0 ; no válido en HTML 3.2 y versiones posteriores.

Elementos no estándar

Esta sección enumera algunos elementos obsoletos ampliamente utilizados, lo que significa que no se utilizan en código válido . Es posible que no se admitan en todos los agentes de usuario.

Hace que el texto parpadee. Introducido en imitación de los códigos de escape ANSI . Se puede hacer con CSS donde se admita: (Este efecto puede tener consecuencias negativas para las personas con epilepsia fotosensible ; [61] su uso en la Internet pública debe seguir las pautas apropiadas).{text-decoration: blink}
<blink>se originó en Netscape Navigator y es reconocido principalmente por sus descendientes, incluido Firefox ; en desuso o no válido en HTML 2.0 y versiones posteriores. Tenga en cuenta que la etiqueta CSS de reemplazo, si bien es estándar, no es necesaria para ser compatible.
<layer>...</layer> (deprecated)
Crea una capa posicionada y enmarcada absoluta. Se puede hacer con marcos y/o CSS en su lugar. Hay atributos, incluidos ID , LEFT , TOP , PAGEX , PAGEY , SRC , Z-INDEX , ARRIBA , ANCHO , ALTO , ABAJO , CLIP , VISIBILIDAD y CLIP .
<layer>se originó en Netscape 4 ; en desuso o no válido en HTML 4.01 y versiones posteriores.
<marquee>...</marquee> (deprecated)
Crea texto de desplazamiento. Se puede hacer con secuencias de comandos en su lugar. (Este efecto puede tener consecuencias negativas para las personas con epilepsia fotosensible ; [61] su uso en la Internet pública debe seguir las pautas apropiadas). Hay tres opciones, que incluyen Alternate , Scroll y slide . También se puede agregar Scrolldelay .
<marquee>se originó en Microsoft Internet Explorer ; en desuso o no válido en HTML 4.01 y versiones posteriores.
<nobr>...</nobr> (deprecated)
Hace que el texto no se rompa al final de la línea, evitando el ajuste de línea donde el texto excede el ancho del objeto que lo encierra. El texto adyacente puede dividirse antes y después. Se puede hacer con CSS:{white-space: nowrap;}
<nobr>es un elemento propietario reconocido por la mayoría de los navegadores por razones de compatibilidad; en desuso o no válido en HTML 2.0 y versiones posteriores.
<noembed>...</noembed> (deprecated)
Especifica contenido alternativo, si la inserción no se puede representar. Reemplazado por el contenido del elemento o .<embed><object>

Comentarios

<!-- A Comment -->

Un comentario en HTML (y XML, SGML y SHTML relacionados) utiliza la misma sintaxis que el comentario SGML o el comentario XML , según el tipo de documento.

A diferencia de la mayoría de las etiquetas HTML, los comentarios no se anidan.

El marcado <!--Xbegin<!--Y-->Xend-->producirá el comentario.Xbegin<!--Yy el textoFin-->después de eso, o a veces simplementeFin-->, dependiendo del navegador.

Los comentarios pueden aparecer en cualquier parte de un documento, ya que se supone que el analizador HTML los ignora 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 incluso pueden aparecer antes de la declaración del tipo de documento; ninguna otra etiqueta puede hacer esto.

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

Hay algunas peculiaridades de compatibilidad relacionadas con los comentarios:

  • Colocar comentarios, o cualquier carácter, excepto espacios en blanco, antes de doctypeque Internet Explorer 6 use el modo peculiar para la página HTML. Ninguna de la doctypeinformación será procesada.
  • Para mantener la compatibilidad con algunos navegadores anteriores a 1995, el contenido <style>y <script>los elementos todavía están rodeados por delimitadores de comentarios, y los navegadores compatibles con CSS y secuencias de comandos 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 CSS y el marcado del script cambian los elementos dentro del comentario para que no se reconozcan, por ejemplo, .<-- [script]...[/script] -->
  • El editor HTML BlueGriffon , en las versiones 1.7. x , hace comentarios que no están incrustados en la estructura de sintaxis; aparecerá en pantalla. Otros editores de HTML pueden tener este mismo defecto.<style> ... {comment tags} ...</style>

Véase también

Notas

  1. ^ HTML 4.01 es uno de los pocos DTD HTML conocidos. Se elige aquí como el mejor ejemplo ilustrativo, aunque el mismo comportamiento se aplica a las otras DTD publicadas por W3C para HTML.
  2. ^ Todavía se puede usar una función similar a una macro de DTD dentro de XML.
  3. ^ Una diferencia menor es que XML, incluso después de la interfaz DOM, distingue entre mayúsculas y minúsculas. [5]
  4. ^ Sin embargo, veala excepción inevitable.<object>
  5. ^ Estrictamente un IRI , no una URL; aunque las URL son un subconjunto de las IRI.

Referencias

  1. ^ a b "§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. ^ a b c d e "Estándar HTML § Etiquetas opcionales" . ¿QUÉ ? Consultado el 22 de marzo de 2019 .
  5. ^ "§1. Modelo de objeto de documento HTML" . Especificación HTML de nivel 2 del modelo de objeto de documento (DOM) . W3C . 9 de enero de 2003. §1.3. XHTML y el HTML DOM.
  6. ^ 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 a nivel de bloque y en línea.
  7. ^ Mark Newhouse (27 de septiembre de 2002). "Diseño CSS: domesticación de listas" . Una lista aparte .
  8. ^ XHTML 1.0 §4.2
  9. ^ XML 1.0 (La capacidad de producir elementos adicionales es parte de la extensibilidad en el acrónimo).
  10. ^ XML 1.0 §5.1
  11. ^ QUÉ ES LO QUE . § 15
  12. ^ XHTML 1.1 §A
  13. ^ "HTML y CSS" . W3C . 2013.
  14. ^ "Apéndice D. Hoja de estilo predeterminada para HTML 4" . Hojas de estilo en cascada Nivel 2 Revisión 1 (CSS 2.1) Especificación . W3C . 7 de junio de 2011.
  15. ^ HTML 4.01 §14.1
  16. ^ Ferraiolo, J.; Fujisawa, J.; Jackson, D., editores. (2003-01-14). "§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 Agrupación de contenido – HTML5" . HTML5: Un vocabulario y API asociadas para HTML y XHTML – Recomendación W3C . Consorcio World Wide Web . 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 W3C . Consorcio Mundial de la red. 24 de diciembre de 1999. §10.3 Listas de definición: los elementos DL, DT y DD . Consultado el 2 de mayo de 2015 .
  23. ^ W3C (5 de abril de 2011). "HTML5: Vocabulario y API asociadas para HTML y XHTML, borrador de trabajo del W3C" ..
  24. ^ HTML 4.01 , W3.org , consultado el 26 de marzo de 2012
  25. ^ HTML 4 para tontos , 5.ª ed., 2005, por Ed Tittel, Mary C. Burmeister; pag. 96.
  26. ^ "ServerWriter --/Proveedor" . www.w3.org .
  27. ^ "HTML 5.2" . www.w3.org .
  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. ^ a b 11 Funciones obsoletas: HTML5 , W3.org , consultado el 26 de marzo de 2012
  35. ^ "Especificación HTML5 finalizada, 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 HTML 5.2 W3C , en "§4.5.6. El elemento de cita" .
  38. ^ HTML Living Standard , en "§4.5.6 El elemento de cita" .
  39. ^ "<datos>" . Documentos web de MDN .
  40. ^ "Etiqueta HTML <rb>" . www.quackit.com .
  41. ^ "<rp>: El elemento Ruby Fallback Parenthesis" . Documentos web de MDN .
  42. ^ "<rt>: El elemento de texto Ruby" . Documentos web de MDN .
  43. ^ "<rtc>: El elemento contenedor de texto de Ruby" . Documentos web de MDN .
  44. ^ "<rubí>" . Documentos web de MDN .
  45. ^ "<tiempo>" . Documentos web de MDN .
  46. ^ Jennifer Kyrnin <embed>
  47. ^ W3Schools sobre<embed>
  48. ^ El texto del atributo alt no se puede diseñar con marcado; como resultado, se han ideadootros 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 desactivadas en el navegador de un usuario.
  49. ^ "Novedades de Internet Explorer 8: accesibilidad y ARIA" . MSDN . microsoft _ Consultado el 22 de julio de 2009 .
  50. ^ 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
  51. ^ WWW-Talk enero-marzo de 1993: nueva etiqueta propuesta: IMG , 1997.webhistory.org , consultado el 26 de marzo de 2012
  52. ^ "¿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.
  53. ^ "Objetos, imágenes y subprogramas" . W3C . Consultado el 20 de diciembre de 2008 .
  54. ^ "InState Longdesc" . Consultado el 5 de septiembre de 2011 .
  55. ^ "Creación de imágenes accesibles" . Objetivo web . Consultado el 20 de diciembre de 2008 .
  56. ^ Uso de Longdesc - WHATWG Wiki , Wiki.whatwg.org , consultado el 26 de marzo de 2012
  57. ^ "Error 13461: comentario sobre el número 30 (longdesc) de la Asociación de editores estadounidenses" . Consultado el 5 de septiembre de 2011 .
  58. ^ "<listado>" . Documentos web de MDN .
  59. ^ "<xmp>" . Documentos web de MDN .
  60. ^ "<nextid>: El elemento ID siguiente (obsoleto)" . Documentos web de MDN .
  61. ^ a b 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 .

Bibliografía

Estándares HTML

HTML 2.0:
Berners-Lee, Tim ; Connolly, Dan (noviembre de 1995). "Lenguaje de marcado de hipertexto - 2.0 (RFC 1866)" . IETF . 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 (1999-12-24). "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 todas las versiones anteriores. Reemplazado a su vez el 27 de marzo de 2018 por HTML 5.2 )
XHTML 1.0:
W3C (2002-08-01) [2000]. "XHTML 1.0: el lenguaje de marcado de hipertexto extensible (segunda edición)" . Versión Revisada. W3C . 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 de marzo de 2018 por HTML 5.2.)
Austin, Daniel; Peruvemba, Subramaniano; McCarron, Shane; Ishikawa, Masayasu; Birbeck, Mark; Altheim, Murray; Boumphrey, Frank; Dooley, Sam; Schnitzenbaumer, Sebastián; 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 la anterior. También reemplazada el 2018-03-27 por HTML 5.2 ).
HTML 5.2 del W3C:
Faulkner, Steve; Eicholz, Arron; Leithead, Travis; Danilo, Alex; Luna, Sangwhan; Doyle Navara, Erika; O'Connor, Teresa; Berjón, Robin, eds. (2017-12-14) [2016]. "Recomendación HTML 5.2 W3C" . Versión Revisada. W3C . Consultado el 26 de julio de 2018 . Reemplaza todas las versiones anteriores de HTML y XHTML, incluido HTML 5.1 .
WHATWG HTML5 Estándar de vida:
Hickson, Ian , ed. (2018-07-25). "Estándar de vida HTML" . Versión de una página. ¿QUÉ ? Consultado el 26 de julio de 2018 . También disponible como una versión de varias páginas y una edición para desarrolladores (también de varias páginas, con una función de búsqueda y otros dispositivos, y menos detalles que solo interesan a los proveedores de navegadores).

Otras fuentes

Etiquetas HTML:
Berners-Lee, Tim (1992-11-03). "Etiquetas HTML" . Consultado el 28 de marzo de 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)" . 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 . Consultado el 22 de marzo de 2009 .
XML1.0:
Bray, Tim ; Paoli, Jean ; Sperberg-McQueen, C. Michael ; Maler, Eva; 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:
Mentira, 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, Berto ; Çelik, Tantek ; Hickson, Ian ; Mentira, Håkon Wium (12 de abril de 2016) [2011]. "Hojas de estilo en cascada Nivel 2 Revisión 1 (CSS 2.1) Especificación" . Versión Revisada. W3C . Consultado el 26 de julio de 2018 .
CSS 3 y 4:
Atkins, Tab, Jr.; Eternad, Elika J.; Rivoal, Florián (31 de enero de 2017). "Instantánea CSS 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 la fecha de publicación).
"Estado actual de CSS" . W3C . 2018 _ Consultado el 26 de julio de 2018 . (Los niveles 3 y 4 de CSS se desarrollan como módulos independientes, indexados en esa página).

Enlaces externos