Page semi-protected
De Wikipedia, la enciclopedia libre
  (Redirigido desde HTML 4.01 )
Saltar a navegación Saltar a búsqueda
".htm" y ".html" redireccionan aquí. Para otros usos, consulte HTM .
Para el uso de HTML en Wikipedia, consulte Ayuda: HTML en wikitexto .

HTML
(lenguaje de marcado de hipertexto)
HTML5 logo and wordmark.svg
El logotipo oficial de la última versión, HTML5 [1]
Extensión de nombre de archivo
  • .html
  • .htm
Tipo de medio de Internet
texto / html
Código de tipoTEXTO
Desarrollado porWHATWG
Versión inicial1993 ; Hace 28 años (1993)
Último lanzamiento
Tipo de formatoFormato de archivo de documento
Contenedor paraElementos HTML
Contenido pornavegador web
Extendido desdeSGML
Extendido aXHTML
¿ Formato abierto ?sí
Sitio webhtml .spec .whatwg .org
HTML
Comparaciones

El lenguaje de marcado de hipertexto , o HTML, es el lenguaje de marcado estándar para documentos diseñados para mostrarse en un navegador web . Puede ser asistido por tecnologías como hojas de estilo en cascada (CSS) y lenguajes de scripting como JavaScript .

Los navegadores web reciben documentos HTML de un servidor web o del almacenamiento local y convierten los documentos en páginas web multimedia. HTML describe la estructura de una página web de forma semántica y originalmente incluía señales para la apariencia del documento.

Los elementos HTML son los componentes básicos de las páginas HTML. Con las construcciones HTML, las imágenes y otros objetos, como los formularios interactivos, se pueden incrustar en la página renderizada. HTML proporciona un medio para crear documentos estructurados al denotar semántica estructural para texto como encabezados, párrafos, listas, enlaces , citas y otros elementos. Los elementos HTML están delimitados por etiquetas , escritas con paréntesis angulares . Etiquetas como e introducen contenido directamente en la página. Otras etiquetas como<img /><input /><p>rodean y proporcionan información sobre el texto del documento y pueden incluir otras etiquetas como subelementos. Los navegadores no muestran las etiquetas HTML, pero las utilizan para interpretar el contenido de la página.

HTML puede incrustar programas escritos en un lenguaje de secuencias de comandos como JavaScript , lo que afecta el comportamiento y el contenido de las páginas web. La inclusión de CSS define el aspecto y el diseño del contenido. El World Wide Web Consortium (W3C), antiguo responsable del HTML y actual responsable de los estándares CSS, ha fomentado el uso de CSS sobre HTML de presentación explícito desde 1997. [2]

Historia

Desarrollo

Tim Berners-Lee en abril de 2009

En 1980, el físico Tim Berners-Lee , contratista del CERN , propuso y creó el prototipo de INQUIRE , un sistema para que los investigadores del CERN utilicen y compartan documentos. En 1989, Berners-Lee escribió un memorando en el que proponía un sistema de hipertexto basado en Internet . [3] Berners-Lee especificó HTML y escribió el navegador y el software del servidor a finales de 1990. Ese año, Berners-Lee y el ingeniero de sistemas de datos del CERN, Robert Cailliau, colaboraron en una solicitud conjunta de financiación, pero el CERN no adoptó formalmente el proyecto. En sus notas personales [4] de 1990 enumeró [5] "algunas de las muchas áreas en las que se utiliza el hipertexto" y puso una enciclopedia en primer lugar.

La primera descripción de HTML disponible públicamente fue un documento llamado "Etiquetas HTML" , mencionado por primera vez en Internet por Tim Berners-Lee a finales de 1991. [6] [7] Describe 18 elementos que comprenden el diseño inicial relativamente simple de HTML. Excepto por la etiqueta de hipervínculo, estos fueron fuertemente influenciados por SGMLguid , un formato de documentación interno basado en el lenguaje de marcado generalizado estándar (SGML) en el CERN. Once de estos elementos todavía existen en HTML 4. [8]

HTML es un lenguaje de marcado que los navegadores web utilizan para interpretar y componer texto, imágenes y otro material en páginas web visuales o audibles. Las características predeterminadas para cada elemento de marcado HTML se definen en el navegador, y estas características pueden modificarse o mejorarse mediante el uso adicional de CSS por parte del diseñador de la página web . Muchos de los elementos de texto se encuentran en el informe técnico de la ISO de 1988 TR 9537 Técnicas para usar SGML , que a su vez cubre las características de los primeros lenguajes de formato de texto, como el utilizado por el comando RUNOFF desarrollado a principios de la década de 1960 para el CTSS.Sistema operativo (Compatible Time-Sharing System): estos comandos de formato se derivaron de los comandos utilizados por los tipógrafos para formatear documentos manualmente. Sin embargo, el concepto SGML de marcado generalizado se basa en elementos (rangos anidados anidados con atributos) en lugar de simplemente efectos de impresión, con también la separación de estructura y marcado; HTML se ha movido progresivamente en esta dirección con CSS.

Berners-Lee consideró HTML como una aplicación de SGML. Fue definido formalmente como tal por el Grupo de Trabajo de Ingeniería de Internet (IETF) con la publicación a mediados de 1993 de la primera propuesta para una especificación HTML, el borrador de Internet "Hypertext Markup Language (HTML)" de Berners-Lee y Dan Connolly , que incluyó una definición de tipo de documento SGML para definir la gramática. [9] [10] El borrador expiró después de seis meses, pero se destacó por su reconocimiento de la etiqueta personalizada del navegador NCSA Mosaic para incrustar imágenes en línea, lo que refleja la filosofía de IETF de basar los estándares en prototipos exitosos. Del mismo modo, Dave RaggettEl borrador de Internet de la competencia, "HTML + (formato de marcado de hipertexto)", de fines de 1993, sugirió estandarizar características ya implementadas como tablas y formularios de llenado. [11]

Después de que los borradores de HTML y HTML + expiraran a principios de 1994, el IETF creó un Grupo de Trabajo HTML, que en 1995 completó "HTML 2.0", la primera especificación HTML destinada a ser tratada como un estándar en el que deberían basarse las implementaciones futuras. [12]

El desarrollo ulterior bajo los auspicios de la IETF se detuvo debido a la competencia de intereses. Desde 1996, el World Wide Web Consortium (W3C) ha mantenido las especificaciones HTML, con aportes de los proveedores de software comercial . [13] Sin embargo, en 2000, HTML también se convirtió en un estándar internacional ( ISO / IEC 15445: 2000). HTML 4.01 se publicó a finales de 1999, y se publicaron más erratas hasta 2001. En 2004, se inició el desarrollo de HTML5 en el Grupo de trabajo de tecnología de aplicaciones de hipertexto web (WHATWG), que se convirtió en un entregable conjunto con el W3C en 2008, y se completó y estandarizó 28 de octubre de 2014. [14]

Cronología de versiones HTML

HTML 2

24 de noviembre de 1995
HTML 2.0 se publicó como RFC  1866 . Suplementario RFC capacidades de creación:
  • 25 de noviembre de 1995: RFC 1867 (carga de archivos basada en formularios) 
  • Mayo de 1996: RFC 1942 (tablas) 
  • Agosto de 1996: RFC 1980 (mapas de imágenes del lado del cliente) 
  • Enero de 1997: RFC 2070 ( internacionalización ) 

HTML 3

14 de enero de 1997
HTML 3.2 [15] se publicó como Recomendación del W3C . Fue la primera versión desarrollada y estandarizada exclusivamente por el W3C, ya que la IETF había cerrado su Grupo de Trabajo HTML el 12 de septiembre de 1996. [16]
Inicialmente con el nombre en código "Wilbur", [17] HTML 3.2 eliminó las fórmulas matemáticas por completo, reconcilió la superposición entre varias extensiones propietarias y adoptó la mayoría de las etiquetas de marcado visual de Netscape . De Netscape elemento de abrir y cerrar y Microsoft 's elemento de marquesina se omitieron debido a un acuerdo mutuo entre las dos compañías. [13] Un marcado para fórmulas matemáticas similar al HTML no se estandarizó hasta 14 meses después en MathML .

HTML 4

18 de diciembre de 1997
HTML 4.0 [18] se publicó como Recomendación del W3C. Ofrece tres variaciones:
  • Estricto, en el que los elementos obsoletos están prohibidos.
  • Transitorio, en el que se permiten elementos obsoletos
  • Conjunto de marcos, en el que en su mayoría solo se permiten elementos relacionados con marcos .
Inicialmente con el nombre en código "Cougar", [17] HTML 4.0 adoptó muchos tipos de elementos y atributos específicos del navegador, pero al mismo tiempo buscó eliminar las características de marcado visual de Netscape marcándolas como obsoletas en favor de las hojas de estilo. HTML 4 es una aplicación SGML conforme a ISO 8879 - SGML. [19]
24 de abril de 1998
HTML 4.0 [20] fue reeditado con ediciones menores sin incrementar el número de versión.
24 de diciembre de 1999
HTML 4.01 [21] se publicó como Recomendación del W3C. Ofrece las mismas tres variaciones que HTML 4.0 y su última errata se publicó el 12 de mayo de 2001.
Mayo de 2000
ISO / IEC 15445: 2000 [22] [23] (" ISO HTML", basado en HTML 4.01 Strict) fue publicado como un estándar internacional ISO / IEC. En ISO, esta norma pertenece al dominio de ISO / IEC JTC1 / SC34 (Comité Técnico Conjunto 1 de ISO / IEC, Subcomité 34 - Lenguajes de descripción y procesamiento de documentos). [22]
Después de HTML 4.01, no hubo una nueva versión de HTML durante muchos años, ya que el desarrollo del lenguaje paralelo XHTML, basado en XML, ocupó el Grupo de Trabajo HTML del W3C a principios y mediados de la década de 2000.

HTML 5

Artículo principal: HTML5
28 de octubre de 2014
HTML5 [24] se publicó como Recomendación del W3C. [25]
1 de noviembre de 2016
HTML 5.1 [26] se publicó como Recomendación del W3C. [27] [28]
14 de diciembre de 2017
HTML 5.2 [29] se publicó como Recomendación del W3C. [30] [31]

Cronología de la versión de borrador HTML

Octubre de 1991
Etiquetas HTML , [6] un documento CERN informal que enumera 18 etiquetas HTML, se mencionó por primera vez en público.
Junio ​​de 1992
Primer borrador informal de HTML DTD, [32] con siete [33] [34] [35] revisiones posteriores (15 de julio, 6 de agosto, 18 de agosto, 17 de noviembre, 19 de noviembre, 20 de noviembre, 22 de noviembre)
Noviembre de 1992
HTML DTD 1.1 (el primero con un número de versión, basado en las revisiones de RCS, que comienzan con 1.1 en lugar de 1.0), un borrador informal [35]
De junio de 1993
El lenguaje de marcado de hipertexto [36] fue publicado por el grupo de trabajo IETF IIIR como un borrador de Internet (una propuesta aproximada para un estándar). Fue reemplazado por una segunda versión [37] un mes después.
Noviembre de 1993
HTML + fue publicado por el IETF como un borrador de Internet y fue una propuesta que competía con el borrador del lenguaje de marcado de hipertexto. Caducó en julio de 1994. [38]
Noviembre de 1994
Primer borrador (revisión 00) de HTML 2.0 publicado por el propio IETF [39] (llamado "HTML 2.0" de la revisión 02 [40] ), que finalmente condujo a la publicación de RFC 1866 en noviembre de 1995. [41] 
Abril de 1995 (escrito en marzo de 1995)
HTML 3.0 [42] se propuso como estándar para el IETF, pero la propuesta expiró cinco meses después (28 de septiembre de 1995) [43] sin más acciones. Incluía muchas de las capacidades que estaban en la propuesta HTML + de Raggett, como el soporte para tablas, el flujo de texto alrededor de figuras y la visualización de fórmulas matemáticas complejas. [43]
El W3C comenzó a desarrollar su propio navegador Arena como banco de pruebas para HTML 3 y hojas de estilo en cascada, [44] [45] [46] pero HTML 3.0 no tuvo éxito por varias razones. El borrador se consideró muy extenso con 150 páginas y el ritmo de desarrollo del navegador, así como el número de partes interesadas, había superado los recursos del IETF. [13] Los proveedores de navegadores, incluidos Microsoft y Netscape en ese momento, optaron por implementar diferentes subconjuntos de características de borrador de HTML 3, así como por introducir sus propias extensiones. [13] (ver Guerra de navegadores). Estos incluían extensiones para controlar los aspectos estilísticos de los documentos, contrariamente a la "creencia [de la comunidad de ingenieros académicos] de que cosas como el color del texto, la textura del fondo, el tamaño de la fuente y el tipo de letra estaban definitivamente fuera del alcance de un idioma cuando su única intención era para especificar cómo se organizaría un documento ". [13] Dave Raggett, que ha sido miembro del W3C durante muchos años, ha comentado, por ejemplo: "Hasta cierto punto, Microsoft construyó su negocio en la Web mediante la ampliación de las funciones HTML". [13]
Logotipo de HTML5
Enero de 2008
HTML5 fue publicado como borrador de trabajo por el W3C. [47]
Aunque su sintaxis se parece mucho a la de SGML , HTML5 ha abandonado cualquier intento de ser una aplicación SGML y ha definido explícitamente su propia serialización "html", además de una serialización XHTML5 basada en XML alternativa. [48]
2011 HTML5: última llamada
El 14 de febrero de 2011, el W3C amplió el estatuto de su Grupo de Trabajo HTML con hitos claros para HTML5. En mayo de 2011, el grupo de trabajo avanzó HTML5 a "Última llamada", una invitación a las comunidades dentro y fuera del W3C para confirmar la solidez técnica de la especificación. El W3C desarrolló un conjunto de pruebas integral para lograr una amplia interoperabilidad para la especificación completa para 2014, que era la fecha prevista para la recomendación. [49] En enero de 2011, el WHATWG cambió el nombre de su estándar de vida "HTML5" a "HTML". No obstante, el W3C continúa con su proyecto de lanzar HTML5. [50]
2012 HTML5: recomendación candidata
En julio de 2012, WHATWG y W3C decidieron un grado de separación. W3C continuará el trabajo de especificación HTML5, enfocándose en un único estándar definitivo, que es considerado como una "instantánea" por WHATWG. La organización WHATWG continuará su trabajo con HTML5 como un "estándar de vida". El concepto de nivel de vida es que nunca está completo y siempre se actualiza y mejora. Se pueden agregar nuevas funciones, pero la funcionalidad no se eliminará. [51]
En diciembre de 2012, el W3C designó HTML5 como recomendación candidata. [52] El criterio para avanzar a la Recomendación del W3C es "dos implementaciones 100% completas y totalmente interoperables". [53]
2014 HTML5 - Recomendación y recomendación propuestas
En septiembre de 2014, W3C trasladó HTML5 a Recomendación propuesta. [54]
El 28 de octubre de 2014, HTML5 se publicó como una Recomendación W3C estable, [55] lo que significa que el proceso de especificación está completo. [56]

Versiones XHTML

Artículo principal: XHTML

XHTML es un lenguaje separado que comenzó como una reformulación de HTML 4.01 usando XML 1.0. Ya no se está desarrollando como un estándar separado.

  • XHTML 1.0 fue publicado como Recomendación del W3C el 26 de enero de 2000, [57] y luego fue revisado y republicado el 1 de agosto de 2002. Ofrece las mismas tres variaciones que HTML 4.0 y 4.01, reformulado en XML, con restricciones menores.
  • XHTML 1.1 [58] se publicó como Recomendación del W3C el 31 de mayo de 2001. Se basa en XHTML 1.0 Strict, pero incluye cambios menores, se puede personalizar y se reformula utilizando módulos en la recomendación del W3C "Modularización de XHTML", que fue publicado el 10 de abril de 2001. [59]
  • XHTML 2.0 era un borrador de trabajo, el trabajo en él se abandonó en 2009 a favor del trabajo en HTML5 y XHTML5 . [60] [61] [62] XHTML 2.0 era incompatible con XHTML 1.xy, por lo tanto, se caracterizaría con mayor precisión como un nuevo lenguaje inspirado en XHTML que como una actualización de XHTML 1.x.
  • Se está definiendo una sintaxis XHTML, conocida como "XHTML5.1", junto con HTML5 en el borrador de HTML5. [63]

Transición de la publicación HTML a WHATWG

Ver también: conflicto de HTML5 § W3C y WHATWG

El 28 de mayo de 2019, el W3C anunció que WHATWG sería el único editor de los estándares HTML y DOM. [64] [65] [66] [67] El W3C y WHATWG habían estado publicando estándares competidores desde 2012. Mientras que el estándar W3C era idéntico al WHATWG en 2007, los estándares han ido divergiendo progresivamente debido a diferentes decisiones de diseño. [68] El WHATWG "Living Standard" ha sido el estándar web de facto durante algún tiempo. [69]

Margen

El marcado HTML consta de varios componentes clave, incluidos los llamados etiquetas (y sus atributos ), tipos de datos basados ​​en caracteres , referencias de caracteres y referencias de entidades . Las etiquetas HTML suelen venir en pares como y , aunque algunas representan elementos vacíos y, por lo tanto, no están emparejados, por ejemplo . La primera etiqueta de dicho par es la etiqueta de inicio y la segunda es la etiqueta de finalización (también se denominan etiquetas de apertura y etiquetas de cierre ).<h1></h1><img>

Otro componente importante es la declaración del tipo de documento HTML , que activa la representación en modo estándar .

El siguiente es un ejemplo del clásico "¡Hola, mundo!" programa :

<! DOCTYPE html> < html >  < head >  < title > Este es un título </ title >  </ head >  < body >  < div >  < p > ¡Hola mundo! </ p >  </ div >  </ cuerpo > </ html >

El texto entre y describe la página web, y el texto entre y es el contenido de la página visible. El texto de marcado define el título de la página del navegador y la etiqueta define una división de la página que se utiliza para facilitar el estilo.<html></html><body></body><title>This is a title</title><div>

La Declaración de tipo de documento <!DOCTYPE html>es para HTML5. Si no se incluye una declaración, varios navegadores volverán al " modo peculiaridades " para renderizar. [70]

Elementos

Artículo principal: elemento HTML

Los documentos HTML implican una estructura de elementos HTML anidados . Estos se indican en el documento HTML etiquetas , encerrados entre paréntesis angulares de este modo: . [71] [se necesita una mejor fuente ]<p>

En el caso general simple, la extensión de un elemento se indica mediante un par de etiquetas: una "etiqueta de inicio" y una "etiqueta de fin" . El contenido de texto del elemento, si lo hay, se coloca entre estas etiquetas.<p></p>

Las etiquetas también pueden incluir más marcas de etiquetas entre el inicio y el final, incluida una combinación de etiquetas y texto. Esto indica elementos adicionales (anidados), como hijos del elemento padre.

La etiqueta de inicio también puede incluir atributos dentro de la etiqueta. Estos indican otra información, como identificadores para secciones dentro del documento, identificadores usados ​​para vincular información de estilo a la presentación del documento, y para algunas etiquetas como el usado para incrustar imágenes, la referencia al recurso de imagen en un formato como este. :<img><img src="example.com/example.jpg">

Algunos elementos, como el salto de línea , no permiten ningún contenido incrustado, ya sea texto o etiquetas adicionales. Estos requieren solo una etiqueta vacía (similar a una etiqueta de inicio) y no usan una etiqueta de finalización.<br><br />

Muchas etiquetas, en particular la etiqueta de cierre de cierre del elemento de párrafo de uso muy común , son opcionales. Un navegador HTML u otro agente puede inferir el cierre del final de un elemento a partir del contexto y las reglas estructurales definidas por el estándar HTML. Estas reglas son complejas y la mayoría de los codificadores HTML no las comprenden ampliamente.<p>

Por consiguiente, la forma general de un elemento HTML es: . Algunos elementos HTML se definen como elementos vacíos y toman la forma . Los elementos vacíos pueden no incluir contenido, por ejemplo, la etiqueta o la etiqueta en línea . El nombre de un elemento HTML es el nombre utilizado en las etiquetas. Tenga en cuenta que el nombre de la etiqueta final está precedido por un carácter de barra oblicua , y que en los elementos vacíos la etiqueta final no es necesaria ni está permitida. Si no se mencionan atributos, se utilizan valores predeterminados en cada caso.<tag attribute1="value1" attribute2="value2">''content''</tag><tag attribute1="value1" attribute2="value2"><br><img>/

Ejemplos de elementos

Ver también: elemento HTML

Encabezado del documento HTML: . El título se incluye en el encabezado, por ejemplo:<head>...</head>

< head >  < title > El título </ title >  < link  rel = "stylesheet"  href = "stylebyjimbowales.css"  />  <! - Importa hojas de estilo -> </ head >

Encabezados: los encabezados HTML se definen con las etiquetas to, siendo H1 el nivel más alto (o más importante) y H6 el mínimo:<h1><h6>

< h1 > Nivel de rumbo 1 </ h1 > < h2 > Nivel de rumbo 2 </ h2 > < h3 > Nivel de rumbo 3 </ h3 > < h4 > Nivel de rumbo 4 </ h4 > < h5 > Nivel de rumbo 5 </ h5 > < h6 > Nivel de rumbo 6 </ h6 >

Los efectos son:

Nivel de encabezado 1
Nivel de encabezado 2
Nivel de encabezado 3
Nivel de encabezado 4
Nivel de encabezado 5
Nivel de encabezado 6

Tenga en cuenta que CSS puede cambiar drásticamente la representación.

Párrafos:

< p > Párrafo 1 </ p >  < p > Párrafo 2 </ p >

Los saltos de línea: . La diferencia entre y es que rompe una línea sin alterar la estructura semántica de la página, mientras que divide la página en párrafos . El elemento es un elemento vacío en el sentido de que, aunque puede tener atributos, no puede tener contenido y no puede tener una etiqueta de cierre.<br><br><p><br> <p><br>

< P > Este < br > es un párrafo < br > con < br > saltos de línea </ p >

Este es un enlace en HTML. Para crear un enlace se utiliza la etiqueta. El atributo contiene la dirección URL del enlace.<a>href

< Un  href = "https://www.wikipedia.org/" > Un enlace a Wikipedia! </ a >

Entradas:

Hay muchas formas posibles en las que un usuario puede proporcionar entradas como:

< input  type = "text"  />  <! - Esto es para la entrada de texto ->< input  type = "file"  />  <! - Esto es para cargar archivos ->< input  type = "checkbox"  />  <! - Esto es para casillas de verificación ->

Comentarios:

<! - Esto es un comentario ->

Los comentarios pueden ayudar a comprender el marcado y no se muestran en la página web.

Hay varios tipos de elementos de marcado que se utilizan en HTML:

El marcado estructural indica el propósito del texto
Por ejemplo, establece "Golf" como un segundo nivel encabezado . El marcado estructural no denota ninguna representación específica, pero la mayoría de los navegadores web tienen estilos predeterminados para el formato de los elementos. El contenido puede tener más estilo utilizando hojas de estilo en cascada (CSS). [72]<h2>Golf</h2>
El marcado de presentación indica la apariencia del texto, independientemente de su propósito
Por ejemplo, indica que los dispositivos de salida visual deben mostrar "negrita" en texto en negrita, pero da poca indicación de lo que deben hacer los dispositivos que no pueden hacer esto (como los dispositivos auditivos que leen el texto en voz alta). En el caso de ambos y , hay otros elementos que pueden tener representaciones visuales equivalentes pero que son de naturaleza más semántica, como y respectivamente. Es más fácil ver cómo un agente de usuario auditivo debe interpretar los dos últimos elementos. Sin embargo, no son equivalentes a sus contrapartes de presentación: sería indeseable que un lector de pantalla enfatizara el nombre de un libro, por ejemplo, pero en una pantalla ese nombre estaría en cursiva. La mayoría de los elementos de marcado de presentación han quedado obsoletos<b>bold text</b><b>bold text</b><i>italic text</i><strong>strong text</strong><em>emphasized text</em>bajo la especificación HTML 4.0 a favor del uso de CSS para el estilo.
El marcado de hipertexto convierte partes de un documento en enlaces a otros documentos
Un elemento de ancla crea un hipervínculo en el documento y su hrefatributo establece la URL de destino del enlace . Por ejemplo, el marcado HTML representará la palabra " Wikipedia " como un hipervínculo. Para representar una imagen como hipervínculo, se inserta un elemento como contenido en el elemento. Me gusta , es un elemento vacío con atributos pero sin contenido ni etiqueta de cierre. .<a href="https://www.google.com/">Wikipedia</a>imgabrimg<a href="https://example.org"><img src="image.gif" alt="descriptive text" width="50" height="50" border="0"></a>

Atributos

Artículo principal: atributo HTML

La mayoría de los atributos de un elemento son pares nombre-valor , separados por =y escritos dentro de la etiqueta de inicio de un elemento después del nombre del elemento. El valor puede estar entre comillas simples o dobles, aunque los valores que constan de ciertos caracteres pueden dejarse sin comillas en HTML (pero no en XHTML). [73] [74] Dejar valores de atributo sin comillas se considera inseguro. [75] En contraste con los atributos de pares nombre-valor, hay algunos atributos que afectan al elemento simplemente por su presencia en la etiqueta de inicio del elemento, [6] como el ismapatributo del imgelemento. [76]

Hay varios atributos comunes que pueden aparecer en muchos elementos:

  • El idatributo proporciona un identificador único en todo el documento para un elemento. Esto se utiliza para identificar el elemento de modo que las hojas de estilo puedan alterar sus propiedades de presentación y los scripts puedan alterar, animar o eliminar su contenido o presentación. Junto a la URL de la página, proporciona un identificador único global para el elemento, normalmente una subsección de la página. Por ejemplo, el ID "Atributos" en https://en.wikipedia.org/wiki/HTML#Attributes.
  • El classatributo proporciona una forma de clasificar elementos similares. Esto se puede utilizar con fines semánticos o de presentación. Por ejemplo, un documento HTML puede usar semánticamente la designación para indicar que todos los elementos con este valor de clase están subordinados al texto principal del documento. En la presentación, estos elementos pueden reunirse y presentarse como notas a pie de página en una página en lugar de aparecer en el lugar donde se encuentran en la fuente HTML. Los atributos de clase se utilizan semánticamente en microformatos . Se pueden especificar varios valores de clase; por ejemplo, coloca el elemento en las clases y.<class="notation"><class="notation important">notationimportant
  • Un autor puede usar el styleatributo para asignar propiedades de presentación a un elemento en particular. Se considera una mejor práctica usar un elemento ido classatributos para seleccionar el elemento desde una hoja de estilo , aunque a veces esto puede ser demasiado engorroso para un estilo simple, específico o ad hoc.
  • El titleatributo se utiliza para adjuntar una explicación subtextual a un elemento. En la mayoría de los navegadores, este atributo se muestra como información sobre herramientas .
  • El langatributo identifica el lenguaje natural del contenido del elemento, que puede ser diferente al del resto del documento. Por ejemplo, en un documento en inglés:
    < p > Bueno, < span  lang = "fr" > c'est la vie </ span > , como dicen en Francia. </ p >

El elemento abreviatura`` abbrse puede utilizar para demostrar algunos de estos atributos:

< abbr  id = "anId"  class = "jerga"  style = "color: violeta;"  title = "Lenguaje de marcado de hipertexto" > HTML </ abbr >

Este ejemplo se muestra como HTML ; en la mayoría de los navegadores, apuntar el cursor a la abreviatura debería mostrar el texto del título "Lenguaje de marcado de hipertexto".

La mayoría de los elementos toman el atributo relacionado con el idioma dirpara especificar la dirección del texto, como con "rtl" para texto de derecha a izquierda en, por ejemplo, árabe , persa o hebreo . [77]

Referencias de personajes y entidades

Consulte también: Lista de referencias a entidades de caracteres XML y HTML y Unicode y HTML

A partir de la versión 4.0, HTML define un conjunto de 252 referencias a entidades de caracteres y un conjunto de 1,114,050 referencias de caracteres numéricos , los cuales permiten que los caracteres individuales se escriban mediante un marcado simple, en lugar de hacerlo literalmente. Un carácter literal y su contraparte de marcado se consideran equivalentes y se representan de forma idéntica.

La capacidad de "escapar" de los caracteres de esta manera permite que los caracteres <y &(cuando se escriben como &lt;y &amp;, respectivamente) se interpreten como datos de caracteres, en lugar de marcas. Por ejemplo, un literal <normalmente indica el comienzo de una etiqueta y &normalmente indica el comienzo de una referencia de entidad de carácter o una referencia de carácter numérico; escribirlo como &amp;o &#x26;o &#38;permite &ser incluido en el contenido de un elemento o en el valor de un atributo. El carácter de comillas dobles ( "), cuando no se utiliza para citar a un valor de atributo, debe también ser escapado como &quot;o &#x22;, o &#34;cuando aparece en el valor del atributo en sí. De manera equivalente, el carácter de comillas simples ('), cuando no se usa para citar un valor de atributo, también debe escaparse como &#x27;o &#39;(o como &apos;en documentos HTML5 o XHTML [78] [79] ) cuando aparece dentro del valor de atributo en sí. Si los autores del documento pasan por alto la necesidad de escapar de tales caracteres, algunos navegadores pueden ser muy indulgentes e intentar utilizar el contexto para adivinar su intención. El resultado sigue siendo un marcado no válido, lo que hace que el documento sea menos accesible para otros navegadores y para otros agentes de usuario que pueden intentar analizar el documento con fines de búsqueda e indexación , por ejemplo.

El escape también permite que los caracteres que no se escriben fácilmente, o que no están disponibles en la codificación de caracteres del documento , se representen dentro del contenido del elemento y del atributo. Por ejemplo, el acento agudo e( é), un carácter que normalmente se encuentra solo en los teclados de Europa occidental y América del Sur, se puede escribir en cualquier documento HTML como referencia de entidad &eacute;o como referencias numéricas &#xE9;o &#233;, utilizando caracteres que están disponibles en todos los teclados y son compatibles con todas las codificaciones de caracteres. Las codificaciones de caracteres Unicode como UTF-8 son compatibles con todos los navegadores modernos y permiten el acceso directo a casi todos los caracteres de los sistemas de escritura del mundo. [80]

Ejemplo de secuencias de escape HTML [ aclaración necesaria ]
LlamadoDecimalHexadecimalResultadoDescripciónNotas
&amp;&#38;&#x26;&Ampersand
&lt;&#60;&#x3C;<Menos que
&gt;&#62;&#x3e;>Mas grande que
&quot;&#34;&#x22;"Cotización doble
&apos;&#39;&#x27;'Una frase
&nbsp;&#160;&#xA0;Espacio irrompible
&copy;&#169;&#xA9;©Derechos de autor
&reg;&#174;&#xAE;®Marca registrada
&dagger;&#8224;&#x2020;†Daga
&Dagger;&#8225;&#x2021;‡Daga dobleLos nombres distinguen entre mayúsculas y minúsculas
&ddagger;&#8225;&#x2021;‡Daga dobleLos nombres pueden tener sinónimos
&trade;&#8482;&#x2122;™Marca comercial

Tipos de datos

HTML define varios tipos de datos para el contenido del elemento, como los datos de la secuencia de comandos y los datos de la hoja de estilo, y una gran cantidad de tipos para los valores de los atributos, incluidos ID, nombres, URI, números, unidades de longitud, idiomas, descriptores de medios, colores, codificaciones de caracteres, fechas y tiempos, y así sucesivamente. Todos estos tipos de datos son especializaciones de datos de caracteres.

Declaración de tipo de documento

Se requieren documentos HTML para comenzar con una Declaración de tipo de documento (informalmente, un "tipo de documento"). En los navegadores, el tipo de documento ayuda a definir el modo de renderizado, en particular si se debe utilizar el modo peculiaridades .

El propósito original del tipo de documento era permitir el análisis y la validación de documentos HTML mediante herramientas SGML basadas en la Definición de tipo de documento (DTD). La DTD a la que se refiere DOCTYPE contiene una gramática legible por máquina que especifica el contenido permitido y prohibido para un documento conforme a dicha DTD. Los navegadores, por otro lado, no implementan HTML como una aplicación de SGML y, en consecuencia, no leen la DTD.

HTML5 no define una DTD; por lo tanto, en HTML5, la declaración de tipo de documento es más simple y más corta: [81]

<! DOCTYPE html>

Un ejemplo de un tipo de documento HTML 4

<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // ES" "https://www.w3.org/TR/html4/strict.dtd">

Esta declaración hace referencia a la DTD para la versión "estricta" de HTML 4.01. Los validadores basados ​​en SGML leen la DTD para analizar correctamente el documento y realizar la validación. En los navegadores modernos, un doctype válido activa el modo estándar en lugar del modo peculiar .

Además, HTML 4.01 proporciona DTD de transición y de conjunto de marcos, como se explica a continuación . El tipo de transición es el más inclusivo, ya que incorpora etiquetas actuales, así como etiquetas antiguas o "obsoletas", y la DTD estricta excluye las etiquetas obsoletas. Frameset tiene todas las etiquetas necesarias para crear marcos en una página junto con las etiquetas incluidas en el tipo de transición. [ cita requerida ]

HTML semántico

Artículo principal: HTML semántico

El HTML semántico es una forma de escribir HTML que enfatiza el significado de la información codificada sobre su presentación (apariencia). HTML ha incluido marcado semántico desde sus inicios, [82] pero también ha incluido marcado de presentación, como , y etiquetas. También existen las etiquetas span y div semánticamente neutrales . Desde finales de la década de 1990, cuando las hojas de estilo en cascada comenzaban a funcionar en la mayoría de los navegadores, se ha alentado a los autores web a evitar el uso de marcado HTML de presentación con vistas a la separación de la presentación y el contenido . [83]<font><i><center>

En una discusión de 2001 sobre la Web Semántica , Tim Berners-Lee y otros dieron ejemplos de formas en que los "agentes" de software inteligente pueden algún día rastrear automáticamente la web y encontrar, filtrar y correlacionar hechos publicados previamente no relacionados en beneficio de los usuarios humanos. . [84] Estos agentes no son comunes incluso ahora, pero algunas de las ideas de Web 2.0 , mashups y sitios web de comparación de precios pueden estar acercándose. La principal diferencia entre estos híbridos de aplicaciones web y los agentes semánticos de Berners-Lee radica en el hecho de que la actual agregación e hibridación de información suele estar diseñada por desarrolladores web., que ya conocen las ubicaciones web y la semántica API de los datos específicos que desean combinar, comparar y combinar.

Un tipo importante de agente web que rastrea y lee páginas web automáticamente, sin conocimiento previo de lo que puede encontrar, es el rastreador web o la araña del motor de búsqueda. Estos agentes de software dependen de la claridad semántica de las páginas web que encuentran, ya que utilizan diversas técnicas y algoritmos para leer e indexar millones de páginas web al día y proporcionan a los usuarios de la web servicios de búsqueda sin los cuales la utilidad de la World Wide Web se vería muy reducida.

Para que las arañas de los motores de búsqueda puedan calificar la importancia de fragmentos de texto que encuentran en documentos HTML, y también para aquellos que crean mashups y otros híbridos, así como para agentes más automatizados a medida que se desarrollan, las estructuras semánticas que existen en HTML debe aplicarse de manera amplia y uniforme para resaltar el significado del texto publicado. [85]

Las etiquetas de marcado de presentación están en desuso en las recomendaciones actuales de HTML y XHTML . La mayoría de las funciones de presentación de versiones anteriores de HTML ya no están permitidas, ya que conducen a una menor accesibilidad, un mayor costo de mantenimiento del sitio y documentos de mayor tamaño. [86]

Un buen HTML semántico también mejora la accesibilidad de los documentos web (consulte también las Pautas de accesibilidad al contenido web ). Por ejemplo, cuando un lector de pantalla o un navegador de audio puede determinar correctamente la estructura de un documento, no hará perder el tiempo del usuario con discapacidad visual leyendo información repetida o irrelevante cuando se haya marcado correctamente.

Entrega

Los documentos HTML se pueden entregar por los mismos medios que cualquier otro archivo informático. Sin embargo, la mayoría de las veces se envían mediante HTTP desde un servidor web o por correo electrónico .

HTTP

Artículo principal: Protocolo de transferencia de hipertexto

La World Wide Web se compone principalmente de documentos HTML transmitidos desde servidores web a navegadores web utilizando el Protocolo de transferencia de hipertexto (HTTP). Sin embargo, HTTP se utiliza para ofrecer imágenes, sonido y otro contenido, además de HTML. Para permitir que el navegador web sepa cómo manejar cada documento que recibe, se transmite otra información junto con el documento. Estos metadatos generalmente incluyen el tipo MIME (p. Ej., text/htmlO application/xhtml+xml) y la codificación de caracteres (consulte Codificación de caracteres en HTML ).

En los navegadores modernos, el tipo MIME que se envía con el documento HTML puede afectar cómo se interpreta inicialmente el documento. Se espera que un documento enviado con el tipo XHTML MIME tenga un formato XML correcto; Los errores de sintaxis pueden hacer que el navegador no lo procese. Es posible que el mismo documento enviado con el tipo HTML MIME se muestre correctamente, ya que algunos navegadores son más indulgentes con HTML.

Las recomendaciones del W3C establecen que los documentos XHTML 1.0 que siguen las pautas establecidas en el Apéndice C de la recomendación pueden etiquetarse con cualquiera de los tipos MIME. [87] XHTML 1.1 también establece que los documentos XHTML 1.1 deben etiquetarse [88] con cualquier tipo de MIME. [89]

Correo electrónico HTML

Artículo principal: correo electrónico HTML

La mayoría de los clientes de correo electrónico gráfico permiten el uso de un subconjunto de HTML (a menudo mal definido) para proporcionar formato y marcado semántico que no está disponible con texto sin formato . Esto puede incluir información tipográfica como encabezados de colores, texto enfatizado y citado, imágenes en línea y diagramas. Muchos de estos clientes incluyen un editor GUI para redactar mensajes de correo electrónico HTML y un motor de renderizado para mostrarlos. El uso de HTML en el correo electrónico es criticado por algunos debido a problemas de compatibilidad, porque puede ayudar a disfrazar ataques de phishing , debido a problemas de accesibilidad para personas ciegas o con discapacidad visual, porque puede confundir los filtros de spam y porque el tamaño del mensaje es mayor que el simple. texto.

Convenciones de nombres

La extensión de nombre de archivo más común para archivos que contienen HTML es .html. Una abreviatura común de esto es .htm, que se originó porque algunos de los primeros sistemas operativos y sistemas de archivos, como DOS y las limitaciones impuestas por la estructura de datos FAT , limitaban las extensiones de archivo a tres letras . [90]

Aplicación HTML

Artículo principal: Aplicación HTML

Una aplicación HTML (HTA; extensión de archivo ".hta") es una aplicación de Microsoft Windows que utiliza HTML y HTML dinámico en un navegador para proporcionar la interfaz gráfica de la aplicación. Un archivo HTML normal se limita al modelo de seguridad de la seguridad del navegador web , comunicándose solo con los servidores web y manipulando solo los objetos de la página web y las cookies del sitio . Una HTA se ejecuta como una aplicación de plena confianza y, por lo tanto, tiene más privilegios, como la creación / edición / eliminación de archivos y entradas del Registro de Windows . Debido a que operan fuera del modelo de seguridad del navegador, las HTA no se pueden ejecutar a través de HTTP, sino que deben descargarse (como un archivo EXE ) y ejecutarse desde el sistema de archivos local.

Variaciones HTML4

Desde sus inicios, HTML y sus protocolos asociados ganaron aceptación con relativa rapidez. [¿ por quién? ] Sin embargo, no existían estándares claros en los primeros años del idioma. Aunque sus creadores originalmente concibieron HTML como un lenguaje semántico desprovisto de detalles de presentación, [91] los usos prácticos introdujeron muchos elementos y atributos de presentación en el lenguaje, impulsados ​​en gran parte por los distintos proveedores de navegadores. Los últimos estándares que rodean HTML reflejan los esfuerzos para superar el desarrollo a veces caótico del lenguaje [92] y crear una base racional para construir documentos significativos y bien presentados. Para devolver HTML a su papel como lenguaje semántico, el W3Cha desarrollado lenguajes de estilo como CSS y XSL para soportar la carga de la presentación. En conjunto, la especificación HTML ha controlado lentamente los elementos de presentación.

Hay dos ejes que diferencian varias variaciones de HTML como se especifica actualmente: HTML basado en SGML versus HTML basado en XML (conocido como XHTML) en un eje, y estricto versus transitorio (suelto) versus conjunto de marcos en el otro eje.

HTML basado en SGML versus HTML basado en XML

Una diferencia en las últimas especificaciones HTML radica en la distinción entre la especificación basada en SGML y la especificación basada en XML. La especificación basada en XML generalmente se llama XHTML para distinguirla claramente de la definición más tradicional. Sin embargo, el nombre del elemento raíz sigue siendo "html" incluso en el HTML especificado por XHTML. El W3C pretendía que XHTML 1.0 fuera idéntico a HTML 4.01, excepto donde las limitaciones de XML sobre el SGML más complejo requieren soluciones. Debido a que XHTML y HTML están estrechamente relacionados, a veces se documentan en paralelo. En tales circunstancias, algunos autores combinan los dos nombres como (X) HTML o X (HTML).

Al igual que HTML 4.01, XHTML 1.0 tiene tres subespecificaciones: estricto, de transición y conjunto de marcos.

Aparte de las diferentes declaraciones de apertura de un documento, las diferencias entre un documento HTML 4.01 y XHTML 1.0, en cada uno de los DTD correspondientes, son en gran parte sintácticas. La sintaxis subyacente de HTML permite muchos atajos que XHTML no tiene, como elementos con etiquetas de apertura o cierre opcionales, e incluso elementos vacíos que no deben tener una etiqueta de cierre. Por el contrario, XHTML requiere que todos los elementos tengan una etiqueta de apertura y una etiqueta de cierre. Sin embargo, XHTML también introduce un nuevo atajo: una etiqueta XHTML puede abrirse y cerrarse dentro de la misma etiqueta, al incluir una barra antes del final de la etiqueta como esta:<br/>. La introducción de esta abreviatura, que no se utiliza en la declaración SGML para HTML 4.01, puede confundir al software anterior que no esté familiarizado con esta nueva convención. Una solución para esto es incluir un espacio antes de cerrar la etiqueta, como tal: . [93]<br />

Para comprender las sutiles diferencias entre HTML y XHTML, considere la transformación de un documento XHTML 1.0 válido y bien formado que se adhiera al Apéndice C (ver más abajo) en un documento HTML 4.01 válido. Para realizar esta traducción se requieren los siguientes pasos:

  1. El idioma de un elemento debe especificarse con un langatributo en lugar del xml:langatributo XHTML . XHTML utiliza el atributo de funcionalidad que define el lenguaje integrado de XML.
  2. Elimine el espacio de nombres XML ( xmlns=URI). HTML no tiene facilidades para espacios de nombres.
  3. Cambie la declaración del tipo de documento de XHTML 1.0 a HTML 4.01. (consulte la sección DTD para obtener más información).
  4. Si está presente, elimine la declaración XML. (Normalmente esto es :) <?xml version="1.0" encoding="utf-8"?>.
  5. Asegúrese de que el tipo MIME del documento esté configurado en text/html. Tanto para HTML como para XHTML, esto proviene del Content-Typeencabezado HTTP enviado por el servidor.
  6. Cambie la sintaxis de elementos vacíos XML a un elemento vacío de estilo HTML ( to ).<br /><br>

Esos son los principales cambios necesarios para traducir un documento de XHTML 1.0 a HTML 4.01. Para traducir de HTML a XHTML también se requeriría la adición de cualquier etiqueta de apertura o cierre omitida. Ya sea que codifique en HTML o XHTML, puede ser mejor incluir siempre las etiquetas opcionales dentro de un documento HTML en lugar de recordar qué etiquetas se pueden omitir.

Un documento XHTML bien formado cumple con todos los requisitos de sintaxis de XML. Un documento válido se adhiere a la especificación de contenido para XHTML, que describe la estructura del documento.

El W3C recomienda varias convenciones para garantizar una migración sencilla entre HTML y XHTML (consulte las Pautas de compatibilidad de HTML ). Los siguientes pasos solo se pueden aplicar a documentos XHTML 1.0:

  • Incluya atributos xml:langy langen cualquier elemento que asigne idioma.
  • Utilice la sintaxis de elementos vacíos solo para los elementos especificados como vacíos en HTML.
  • Incluya un espacio adicional en las etiquetas de elementos vacíos: por ejemplo, en lugar de .<br /><br>
  • Incluya etiquetas de cierre explícitas para los elementos que permiten contenido pero que se dejan vacíos (por ejemplo , no ).<div></div><div />
  • Omita la declaración XML.

Siguiendo cuidadosamente las pautas de compatibilidad del W3C, un agente de usuario debería poder interpretar el documento igualmente como HTML o XHTML. Para documentos que son XHTML 1.0 y se han hecho compatibles de esta manera, el W3C permite que se sirvan como HTML (con un text/html tipo MIME ) o como XHTML (con un tipo application/xhtml+xmlo application/xmlMIME). Cuando se entrega como XHTML, los navegadores deben utilizar un analizador XML, que se adhiere estrictamente a las especificaciones XML para analizar el contenido del documento.

Transicional versus estricto

HTML 4 definió tres versiones diferentes del lenguaje: Strict, Transitional (una vez llamado Loose) y Frameset. La versión Strict está destinada a documentos nuevos y se considera la mejor práctica, mientras que las versiones Transitional y Frameset se desarrollaron para facilitar la transición de documentos que se ajustaban a una especificación HTML anterior o que no se ajustaban a ninguna especificación de una versión de HTML 4. Las versiones Transitional y Frameset permiten el marcado de presentación, que se omite en la versión Strict. En su lugar, se recomienda utilizar hojas de estilo en cascada para mejorar la presentación de los documentos HTML. Debido a que XHTML 1 solo define una sintaxis XML para el lenguaje definido por HTML 4, las mismas diferencias se aplican también a XHTML 1.

La versión de transición permite las siguientes partes del vocabulario, que no están incluidas en la versión estricta:

  • Un modelo de contenido más flexible
    • Los elementos en línea y de texto sin formato se permite directamente en: body, blockquote, form, noscriptynoframes
  • Elementos relacionados con la presentación
    • subrayado ( u) (obsoleto. puede confundir a un visitante con un hipervínculo).
    • tachado ( s)
    • center (En desuso, use CSS en su lugar).
    • font (En desuso, use CSS en su lugar).
    • basefont (En desuso, use CSS en su lugar).
  • Atributos relacionados con la presentación
    • background(En desuso. Use CSS en su lugar.) Y bgcolor(En desuso. Use CSS en su lugar.) Atributos para el bodyelemento (elemento requerido según el W3C.).
    • align(En desuso. Uso de CSS en su lugar.) Atributo div, formpárrafo ( p() y rumbo h1... h6) elementos
    • align(En desuso. Use CSS en su lugar.), noshade(En desuso. Use CSS en su lugar.), size(En desuso. Use CSS en su lugar.) Y width(En desuso. Use CSS en su lugar.) Atributos en el hrelemento
    • align, (En desuso uso de CSS en su lugar..) border, vspaceY los hspaceatributos de imgy object(: la precaución objectelemento sólo se admite en Internet Explorer (desde los principales navegadores)) elementos
    • align(En desuso. Utilice CSS en su lugar.) Atributo en legendy captionelementos
    • align(En desuso. Use CSS en su lugar.) Y bgcolor(En desuso. Use CSS en su lugar.) En el tableelemento
    • nowrap(Obsoleto), bgcolor(en desuso. Uso de CSS en su lugar.), width, heightEn tdy thelementos
    • bgcolor(En desuso. Use CSS en su lugar.) Atributo en el trelemento
    • clearAtributo (obsoleto) en el brelemento
    • compactatributo en dl, diry menuelementos
    • type(En desuso. Use CSS en su lugar.), compact(En desuso. Use CSS en su lugar.) Y start(En desuso. Use CSS en su lugar.) Atributos en los elementos olyul
    • typey valueatributos en el lielemento
    • widthatributo en el preelemento
  • Elementos adicionales en la especificación de transición
    • menu (En desuso. Use CSS en su lugar.) List (no sustituye, aunque se recomienda una lista desordenada)
    • dir (En desuso. Use CSS en su lugar.) List (no sustituye, aunque se recomienda una lista desordenada)
    • isindex(En desuso.) (El elemento requiere soporte del lado del servidor y generalmente se agrega a los documentos del lado del servidor, formy los inputelementos se pueden usar como sustituto)
    • applet(En desuso. Utilice el objectelemento en su lugar).
  • El languageatributo (obsoleto) en el elemento de script (redundante con el typeatributo).
  • Entidades relacionadas con el marco
    • iframe
    • noframes
    • target(En desuso en los elementos map, linky form) atributo en a, image-map ( map) del lado del cliente link, formy baseelementos

La versión Frameset incluye todo en la versión Transitional, así como el framesetelemento (usado en lugar de body) y el frameelemento.

Frameset versus transicional

Además de las diferencias de transición anteriores, las especificaciones del conjunto de marcos (ya sea XHTML 1.0 o HTML 4.01) especifican un modelo de contenido diferente, con framesetreemplazo body, que contiene frameelementos u opcionalmente noframescon un body.

Resumen de versiones de especificaciones

Como demuestra esta lista, las versiones sueltas de la especificación se mantienen para soporte heredado. Sin embargo, contrariamente a los conceptos erróneos populares, el cambio a XHTML no implica la eliminación de este soporte heredado. Más bien, la X en XML significa extensible y el W3C está modularizando toda la especificación y abriéndola a extensiones independientes. El principal logro en el cambio de XHTML 1.0 a XHTML 1.1 es la modularización de toda la especificación. La versión estricta de HTML se implementa en XHTML 1.1 a través de un conjunto de extensiones modulares de la especificación base XHTML 1.1. Del mismo modo, alguien que busque especificaciones sueltas (transitorias) o de conjuntos de marcos encontrará un soporte XHTML 1.1 extendido similar (gran parte de él está contenido en los módulos heredados o de marcos).La modularización también permite que se desarrollen funciones independientes en su propio horario. Por ejemplo, XHTML 1.1 permitirá una migración más rápida a estándares XML emergentes comoMathML (un lenguaje matemático de presentación y semántico basado en XML) y XForms, una nueva tecnología de formularios web muy avanzada para reemplazar los formularios HTML existentes.

En resumen, la especificación HTML 4 controló principalmente todas las diversas implementaciones de HTML en una única especificación claramente escrita basada en SGML. XHTML 1.0, transfirió esta especificación, tal cual, a la nueva especificación definida por XML. A continuación, XHTML 1.1 aprovecha la naturaleza extensible de XML y modulariza toda la especificación. XHTML 2.0 estaba destinado a ser el primer paso para agregar nuevas características a la especificación en un enfoque basado en estándares.

WHATWG HTML versus HTML5

Artículo principal: § Transición_de_HTML_Publication_to_WHATWG

HTML Living Standard, desarrollado por WHATWG, es la versión oficial, mientras que W3C HTML5 ya no está separado de WHATWG.

Editores WYSIWYG

Hay algunos editores WYSIWYG (What You See Is What You Get), en los que el usuario presenta todo como debe aparecer en el documento HTML mediante una interfaz gráfica de usuario (GUI), a menudo similar a los procesadores de texto . El editor representa el documento en lugar de mostrar el código, por lo que los autores no requieren un conocimiento extenso de HTML.

El modelo de edición WYSIWYG ha sido criticado, [94] [95] principalmente debido a la baja calidad del código generado; hay voces [ ¿quién? ] abogando por un cambio en el modelo WYSIWYM (Lo que ves es lo que quieres decir).

Los editores de WYSIWYG siguen siendo un tema controvertido debido a sus defectos percibidos, tales como:

  • Se basa principalmente en el diseño en lugar de en el significado, a menudo se utiliza un marcado que no transmite el significado deseado, sino que simplemente copia el diseño. [96]
  • A menudo produce código extremadamente detallado y redundante que no hace uso de la naturaleza en cascada de HTML y CSS .
  • A menudo produce un marcado no gramatical, llamado sopa de etiquetas o marcado semánticamente incorrecto (como en cursiva).<em>
  • Como gran parte de la información de los documentos HTML no está en el diseño, el modelo ha sido criticado por su naturaleza de "lo que ves es todo lo que obtienes". [97]

Ver también

  • Navegación de ruta de navegación
  • Comparación de analizadores HTML
  • Página web dinámica
  • Referencias de caracteres HTML
  • Lista de lenguajes de marcado de documentos
  • Lista de referencias a entidades de caracteres XML y HTML
  • Microdatos (HTML)
  • Microformato
  • Marcado políglota
  • HTML semántico
  • Validador HTML W3C (X)
  • Colores web

Referencias

  1. ^ "W3C Html" .
  2. ^ "Especificación HTML 4.0 - Recomendación W3C - Conformidad: requisitos y recomendaciones" . w3 . Consorcio Mundial de la red. 18 de diciembre de 1997. Archivado desde el original el 5 de julio de 2015 . Consultado el 6 de julio de 2015 .
  3. ^ Tim Berners-Lee, "Gestión de la información: una propuesta". CERN (marzo de 1989, mayo de 1990). W3.org
  4. ^ Tim Berners-Lee, "Problemas de diseño"
  5. ^ Tim Berners-Lee, "Problemas de diseño"
  6. ^ a b c "Etiquetas utilizadas en HTML" . w3 . Consorcio Mundial de la red. 3 de noviembre de 1992. Archivado desde el original el 31 de enero de 2010 . Consultado el 16 de noviembre de 2008 .
  7. ^ Berners-Lee, Tim (29 de octubre de 1991). "Primera mención de etiquetas HTML en la lista de correo de www-talk" . w3 . Consorcio Mundial de la red. Archivado desde el original el 24 de mayo de 2007 . Consultado el 8 de abril de 2007 .
  8. ^ "Índice de elementos en HTML 4" . w3 . Consorcio Mundial de la red. 24 de diciembre de 1999. Archivado desde el original el 5 de mayo de 2007 . Consultado el 8 de abril de 2007 .
  9. ^ Berners-Lee, Tim (9 de diciembre de 1991). "Re: SGML / HTML docs, X Browser (publicación archivada de la lista de correo www-talk)" . w3 . Archivado desde el original el 22 de diciembre de 2007 . Consultado el 16 de junio de 2007 . SGML es muy general. HTML es una aplicación específica de la sintaxis básica SGML aplicada a documentos de hipertexto con estructura simple.
  10. ^ Berners-Lee, Tim; Connolly, Daniel (junio de 1993). "Lenguaje de marcado de hipertexto (HTML): una representación de información textual y metainformación para recuperación e intercambio" . w3 . Archivado desde el original el 3 de enero de 2017 . Consultado el 4 de enero de 2017 .
  11. ^ Raggett, Dave . "Una revisión del formato de documento HTML +" . w3 . Archivado desde el original el 29 de febrero de 2000 . Consultado el 22 de mayo de 2020 . El lenguaje de marcado de hipertexto HTML se desarrolló como un formato de entrega simple no propietario para hipertexto global. HTML + es un conjunto de extensiones modulares de HTML y se ha desarrollado en respuesta a una comprensión cada vez mayor de las necesidades de los proveedores de información. Estas extensiones incluyen flujo de texto alrededor de figuras flotantes, formularios de relleno, tablas y ecuaciones matemáticas.
  12. ^ Berners-Lee, Tim; Connelly, Daniel (noviembre de 1995). "Lenguaje de marcado de hipertexto - 2.0" . ietf.org . Grupo de Trabajo de Ingeniería de Internet. RFC 1866 . Archivado desde el original el 11 de agosto de 2010 . Consultado el 1 de diciembre de 2010 . Este documento define así un HTML 2.0 (para distinguirlo de las especificaciones informales anteriores). Las versiones futuras (generalmente compatibles con versiones superiores) de HTML con nuevas funciones se lanzarán con números de versión más altos. 
  13. ↑ a b c d e f Raggett, Dave (1998). Raggett en HTML 4 . Archivado desde el original el 9 de agosto de 2007 . Consultado el 9 de julio de 2007 .
  14. ^ "HTML5 - Lenguaje de marcado de hipertexto - 5.0" . Grupo de Trabajo de Ingeniería de Internet. 28 de octubre de 2014. Archivado desde el original el 28 de octubre de 2014 . Consultado el 25 de noviembre de 2014 . Este documento recomienda HTML 5.0 una vez completado.
  15. ^ "Especificación de referencia HTML 3.2" . Consorcio Mundial de la red. 14 de enero de 1997 . Consultado el 16 de noviembre de 2008 .
  16. ^ "IETF HTML WG" . Consultado el 16 de junio de 2007 . Nota: este grupo de trabajo está cerrado
  17. ^ a b Arnoud Engelfriet. "Introducción a Wilbur" . Grupo de Diseño Web . Consultado el 16 de junio de 2007 .
  18. ^ "Especificación HTML 4.0" . Consorcio Mundial de la red. 18 de diciembre de 1997 . Consultado el 16 de noviembre de 2008 .
  19. ^ "Conformidad HTML 4 - 4: requisitos y recomendaciones" . Consultado el 30 de diciembre de 2009 .
  20. ^ "Especificación HTML 4.0" . Consorcio Mundial de la red. 24 de abril de 1998 . Consultado el 16 de noviembre de 2008 .
  21. ^ "Especificación HTML 4.01" . Consorcio Mundial de la red. 24 de diciembre de 1999 . Consultado el 16 de noviembre de 2008 .
  22. ^ a b ISO (2000). "ISO / IEC 15445: 2000 - Tecnología de la información - Lenguajes de descripción y procesamiento de documentos - Lenguaje de marcado de hipertexto (HTML)" . Consultado el 26 de diciembre de 2009 .
  23. ^ Cs.Tcd.Ie . Cs.Tcd.Ie (15 de mayo de 2000). Consultado el 16 de febrero de 2012.
  24. ^ "HTML5: un vocabulario y API asociadas para HTML y XHTML" . Consorcio Mundial de la red. 28 de octubre de 2014 . Consultado el 31 de octubre de 2014 .
  25. ^ "Hito de la plataforma web abierta logrado con la recomendación HTML5" (Comunicado de prensa). Consorcio Mundial de la red. 28 de octubre de 2014 . Consultado el 31 de octubre de 2014 .
  26. ^ "HTML 5.1" . Consorcio Mundial de la red. 1 de noviembre de 2016 . Consultado el 6 de enero de 2017 .
  27. ^ "HTML 5.1 es una recomendación del W3C" . Consorcio Mundial de la red. 1 de noviembre de 2016 . Consultado el 6 de enero de 2017 .
  28. ^ Philippe le Hegaret (17 de noviembre de 2016). "HTML 5.1 es el estándar de oro" . Consorcio World Wide Web . Consultado el 6 de enero de 2017 .
  29. ^ "HTML 5.2" . Consorcio Mundial de la red. 14 de diciembre de 2017 . Consultado el 15 de diciembre de 2017 .
  30. ^ "HTML 5.2 es ahora una recomendación del W3C" . Consorcio Mundial de la red. 14 de diciembre de 2017 . Consultado el 15 de diciembre de 2017 .
  31. ^ Charles McCathie Nevile (14 de diciembre de 2017). "HTML 5.2 está hecho, viene HTML 5.3" . Consorcio World Wide Web . Consultado el 15 de diciembre de 2017 .
  32. ^ Connolly, Daniel (6 de junio de 1992). "MIME como arquitectura de hipertexto" . CERN . Consultado el 24 de octubre de 2010 .
  33. ^ Connolly, Daniel (15 de julio de 1992). "HTML DTD adjunto" . CERN . Consultado el 24 de octubre de 2010 .
  34. ^ Connolly, Daniel (18 de agosto de 1992). "subconjunto de declaración de tipo de documento para el lenguaje de marcado de hipertexto según lo definido por el proyecto World Wide Web" . CERN . Consultado el 24 de octubre de 2010 .
  35. ↑ a b Connolly, Daniel (24 de noviembre de 1992). "Definición de tipo de documento para el lenguaje de marcado de hipertexto utilizado por la aplicación World Wide Web" . CERN . Consultado el 24 de octubre de 2010 . Consulte la sección "Historial de revisiones".
  36. ^ Berners-Lee, Tim ; Connolly, Daniel (junio de 1993). "Versión 1.1 del borrador de Internet del lenguaje de marcado de hipertexto (HTML)" . Grupo de trabajo IETF IIIR . Consultado el 18 de septiembre de 2010 .
  37. ^ Berners-Lee, Tim ; Connolly, Daniel (junio de 1993). "Versión 1.2 del borrador de Internet del lenguaje de marcado de hipertexto (HTML)" . Grupo de trabajo IETF IIIR . Consultado el 18 de septiembre de 2010 .
  38. ^ "Historial de draft-raggett-www-html-00" . datatracker.ietf.org . 1993-11-08 . Consultado el 18 de noviembre de 2019 .
  39. ^ Berners-Lee, Tim ; Connolly, Daniel (28 de noviembre de 1994). "Especificación de lenguaje de marcado de hipertexto - 2.0 BORRADOR DE INTERNET" . IETF . Consultado el 24 de octubre de 2010 .
  40. ^ Connolly <[email protected]>, Daniel W. (16 de mayo de 1995). "Lenguaje de marcado de hipertexto - 2.0" . tools.ietf.org . Consultado el 18 de noviembre de 2019 .
  41. ^ "Historial de draft-ietf-html-spec-05" . datatracker.ietf.org . Consultado el 18 de noviembre de 2019 .
  42. ^ "Materiales de borrador HTML 3.0 (¡caducados!)" . Consorcio Mundial de la red. 21 de diciembre de 1995 . Consultado el 16 de noviembre de 2008 .
  43. ^ a b "Versión 3.0 de la especificación del lenguaje de marcado de hipertexto" . Consultado el 16 de junio de 2007 .
  44. ^ Raggett, Dave (28 de marzo de 1995). "Versión 3.0 de la especificación del lenguaje de marcado de hipertexto" . Borrador de HTML 3.0 para Internet Caduca en seis meses . Consorcio World Wide Web . Consultado el 17 de junio de 2010 .
  45. ^ Bowers, Neil. "Weblint: sólo otro truco de Perl". CiteSeerX 10.1.1.54.7191 .  Cite journal requires |journal= (help)
  46. ^ Mentir, Håkon Wium ; Bos, Bert (abril de 1997). Hojas de estilo en cascada: diseño para la Web . Addison Wesley Longman. pag. 263 . Consultado el 9 de junio de 2010 .
  47. ^ "HTML5" . Consorcio Mundial de la red. 10 de junio de 2008 . Consultado el 16 de noviembre de 2008 .
  48. ^ "HTML5, un vocabulario, dos serializaciones" . Consultado el 25 de febrero de 2009 .
  49. ^ "W3C confirma mayo de 2011 para HTML5 Last Call, Targets 2014 para HTML5 Standard" . Consorcio World Wide Web . 14 de febrero de 2011 . Consultado el 18 de febrero de 2011 .
  50. ^ Hickson, Ian. "HTML es el nuevo HTML5" . Consultado el 21 de enero de 2011 .
  51. ^ "HTML5 obtiene las divisiones" . netmagazine.com . Consultado el 23 de julio de 2012 .
  52. ^ "HTML5" . W3.org. 2012-12-17 . Consultado el 15 de junio de 2013 .
  53. ^ "¿Cuándo se terminará HTML5?" . FAQ . QUÉ Grupo de Trabajo . Consultado el 29 de noviembre de 2009 .
  54. ^ "Convocatoria de revisión: Recomendación propuesta de HTML5 Publicada W3C News" . W3.org. 2014-09-16 . Consultado el 27 de septiembre de 2014 .
  55. ^ "Hito de la plataforma web abierta logrado con la recomendación HTML5" . W3C. 28 de octubre de 2014 . Consultado el 29 de octubre de 2014 .
  56. ^ "La especificación HTML5 finalizada, continúa la disputa sobre las especificaciones" . Ars Technica . 2014-10-29 . Consultado el 29 de octubre de 2014 .
  57. ^ "XHTML 1.0: el lenguaje de marcado de hipertexto extensible (segunda edición)" . Consorcio Mundial de la red. 26 de enero de 2000 . Consultado el 16 de noviembre de 2008 .
  58. ^ "XHTML 1.1 - XHTML basado en módulos - Segunda edición" . Consorcio Mundial de la red. 16 de febrero de 2007 . Consultado el 16 de noviembre de 2008 .
  59. ^ "Modularización de XHTML" . www.w3.org . Consultado el 4 de enero de 2017 .
  60. ^ "XHTM 2.0" . Consorcio Mundial de la red. 26 de julio de 2006 . Consultado el 16 de noviembre de 2008 .
  61. ^ "Se espera que el grupo de trabajo XHTML 2 deje de trabajar a fines de 2009, W3C para aumentar los recursos en HTML5" . Consorcio Mundial de la red. 17 de julio de 2009 . Consultado el 16 de noviembre de 2008 .
  62. ^ "Preguntas frecuentes sobre W3C XHTML" .
  63. ^ "HTML5" . W3C . 19 de octubre de 2013.
  64. ^ Jaffe, Jeff (28 de mayo de 2019). "W3C y WHATWG trabajarán juntos para promover la plataforma web abierta" . Blog del W3C . Archivado desde el original el 29 de mayo de 2019 . Consultado el 29 de mayo de 2019 .
  65. ^ "W3C y WHATWG firmaron un acuerdo para colaborar en una única versión de HTML y DOM" . W3C . 28 de mayo de 2019. Archivado desde el original el 29 de mayo de 2019 . Consultado el 29 de mayo de 2019 .
  66. ^ "Memorando de entendimiento entre W3C y WHATWG" . W3C . 28 de mayo de 2019. Archivado desde el original el 29 de mayo de 2019 . Consultado el 29 de mayo de 2019 .
  67. ^ Cimpanu, Catalin (29 de mayo de 2019). "Los proveedores de navegadores ganan la guerra con W3C sobre los estándares HTML y DOM" . ZDNet . Archivado desde el original el 29 de mayo de 2019 . Consultado el 29 de mayo de 2019 .
  68. ^ "W3C - Wiki de WHATWG" . Wiki de WHATWG . Archivado desde el original el 29 de mayo de 2019 . Consultado el 29 de mayo de 2019 .
  69. ^ Shankland, Stephen (9 de julio de 2009). "Un epitafio para el estándar Web, XHTML 2" . CNET . CBS INTERACTIVE INC.
  70. ^ Activación de modos de navegador con Doctype . Hsivonen.iki.fi. Consultado el 16 de febrero de 2012.
  71. ^ "Elementos HTML" . w3schools . Consultado el 16 de marzo de 2015 .
  72. ^ "Introducción a CSS" . W3schools . Consultado el 16 de marzo de 2015 .
  73. ^ "Sobre SGML y HTML" . Consorcio World Wide Web . Consultado el 16 de noviembre de 2008 .
  74. ^ "XHTML 1.0 - Diferencias con HTML 4" . Consorcio World Wide Web . Consultado el 16 de noviembre de 2008 .
  75. ^ Korpela, Jukka (6 de julio de 1998). "Por qué los valores de atributo siempre se deben citar en HTML" . Cs.tut.fi . Consultado el 16 de noviembre de 2008 .
  76. ^ "Objetos, imágenes y subprogramas en documentos HTML" . Consorcio Mundial de la red. 24 de diciembre de 1999 . Consultado el 16 de noviembre de 2008 .
  77. ^ "H56: Uso del atributo dir en un elemento en línea para resolver problemas con recorridos direccionales anidados" . Técnicas para WCAG 2.0 . W3C . Consultado el 18 de septiembre de 2010 .
  78. ^ "Cuadro de referencia de entidad de carácter" . Consorcio Mundial de la red. 24 de octubre de 2012.
  79. ^ "La referencia de carácter nombrado '" . Consorcio Mundial de la red. 26 de enero de 2000.
  80. ^ "El estándar Unicode: una introducción técnica" . Consultado el 16 de marzo de 2010 .
  81. ^ "HTML: el lenguaje de marcado (una referencia del lenguaje HTML)" . Consultado el 19 de agosto de 2013.
  82. ^ Berners-Lee, Tim; Fischetti, Mark (2000). Weaving the Web: El diseño original y el destino final de la World Wide Web por su inventor . San Francisco: Harper. ISBN 978-0-06-251587-2.
  83. ^ Raggett, Dave (2002). "Añadiendo un toque de estilo" . W3C . Consultado el 2 de octubre de 2009 .Este artículo señala que el marcado HTML de presentación puede ser útil cuando se dirige a navegadores "antes de Netscape 4.0 e Internet Explorer 4.0". Consulte la lista de navegadores web para confirmar que ambos se lanzaron en 1997.
  84. ^ Tim Berners-Lee, James Hendler y Ora Lassila (2001). "La Web Semántica" . Scientific American . Consultado el 2 de octubre de 2009 .
  85. ^ Nigel Shadbolt, Wendy Hall y Tim Berners-Lee (2006). "La Web Semántica Revisada" (PDF) . Sistemas inteligentes IEEE . Consultado el 2 de octubre de 2009 .
  86. ^ "HTML: el estándar de vida" . WHATWG . Consultado el 27 de septiembre de 2018 .
  87. ^ "XHTML 1.0 El lenguaje de marcado de hipertexto extensible (segunda edición)" . Consorcio Mundial de la red. 2002 [2000] . Consultado el 7 de diciembre de 2008 . Los documentos XHTML que siguen las pautas establecidas en el Apéndice C, "Pautas de compatibilidad HTML" pueden etiquetarse con el tipo de medio de Internet "texto / html" [RFC2854], ya que son compatibles con la mayoría de los navegadores HTML. Esos documentos, y cualquier otro documento que cumpla con esta especificación, también pueden etiquetarse con el tipo de medio de Internet "application / xhtml + xml" como se define en [RFC3236].
  88. ^ "Palabras clave para su uso en RFC para indicar niveles de requisitos" . Universidad Harvard. 1997. RFC 2119 . Consultado el 7 de diciembre de 2008 . 3. DEBE Esta palabra, o el adjetivo "RECOMENDADO", significa que pueden existir razones válidas en circunstancias particulares para ignorar un elemento en particular, pero las implicaciones completas deben entenderse y sopesarse cuidadosamente antes de elegir un curso diferente. 
  89. ^ "XHTML 1.1 - XHTML basado en módulos - Segunda edición" . Consorcio Mundial de la red. 2007 . Consultado el 7 de diciembre de 2008 . Los documentos XHTML 1.1 DEBEN etiquetarse con el tipo de medio de Internet text / html como se define en [RFC2854] o application / xhtml + xml como se define en [RFC3236].
  90. ^ "Nombrar archivos, rutas y espacios de nombres" . Microsoft . Consultado el 16 de marzo de 2015 .
  91. ^ Restricciones de diseño HTML , Archivos W3C
  92. ^ WWW: BTB - HTML , Pris Sears
  93. ^ Freeman, E (2005). Head First HTML. O'Reilly.
  94. ^ Sauer, C .: WYSIWIKI - Cuestionando WYSIWYG en la era de Internet. En: Wikimania (2006)
  95. ^ Spiesser, J., Kitchen, L .: Optimización de HTML generado automáticamente por programas WYSIWYG. En: 13th International Conference on World Wide Web, págs. 355—364. WWW '04. ACM, Nueva York, NY (Nueva York, NY, EE. UU., Del 17 al 20 de mayo de 2004)
  96. ^ Referencia XHTML: blockquote Archivado el 25 de marzo de 2010 en Wayback Machine . Xhtml.com. Consultado el 16 de febrero de 2012.
  97. ^ REVOLUCIÓN INVISIBLE de Doug Engelbart . Invisiblerevolution.net. Consultado el 16 de febrero de 2012.

enlaces externos

  • HTML en Curlie
  • WHATWG 's nivel de vida HTML
  • W3C 's especificación HTML (la última versión publicada)
  • Introducción a HTML de Dave Raggett
  • Tim Berners-Lee da a la Web una nueva definición
  • Entidades HTML