HTML

La versión actual de la página aún no ha sido revisada por colaboradores experimentados y puede diferir significativamente de la versión revisada el 20 de julio de 2022; las comprobaciones requieren 28 ediciones .
HTML
Extensión .htmlo.htm
tipo MIME texto/html [1]
Desarrollador Consorcio World Wide Web , Consejo de Ingeniería de Internet y WHATWG
publicado 1993
Tipo de formato lenguaje de marcado
Expandido desde SGML [2]
Estándar(es) W3C HTML 5.2
WHATWG HTML Estándar de vida
Sitio web html.spec.whatwg.org/mul…
 Archivos multimedia en Wikimedia Commons

HTML (del inglés  HyperText Markup Language  - " lenguaje de marcado de hipertexto ") es un lenguaje de marcado de hipertexto estandarizado para ver páginas web en un navegador . Los navegadores web reciben un documento HTML del servidor a través de los protocolos HTTP / HTTPS o lo abren desde un disco local, luego interpretan el código en una interfaz que se mostrará en la pantalla del monitor.

Los elementos HTML son los componentes básicos de las páginas HTML. Con HTML, las construcciones, las imágenes y otros objetos, como un formulario web interactivo , se pueden incrustar en la página representada. HTML proporciona los medios para crear encabezados, párrafos, listas, enlaces, citas y otros elementos. Los elementos HTML se distinguen por etiquetas escritas con corchetes angulares. Etiquetas como <img />e <input />introducen contenido directamente en la página. Otras etiquetas, como <p>, rodean y dan estilo al texto dentro de sí mismas y pueden incluir otras etiquetas como subelementos. Los navegadores no generan etiquetas HTML, pero las usan para interpretar el contenido de la página.

XHTML es una versión más estricta de HTML que sigue la sintaxis de XML y es una aplicación de XML al área de marcado de hipertexto.

JavaScript se puede incrustar en HTML para controlar el comportamiento y el contenido de las páginas web. Además, incluir CSS en HTML describe el aspecto y el diseño de la página.

Introducción general

El lenguaje de marcado de hipertexto HTML fue desarrollado por el científico británico Tim Berners-Lee alrededor de 1986-1991 en el CERN en Ginebra , Suiza [ 3 ] . HTML fue creado como un lenguaje para el intercambio de documentación científica y técnica, apto para ser utilizado por personas que no son especialistas en el campo de la composición tipográfica . HTML manejó con éxito la complejidad de SGML definiendo un pequeño conjunto de elementos estructurales y semánticos llamados descriptores. Los descriptores también se denominan a menudo " etiquetas ". Con HTML, puede crear fácilmente un documento relativamente simple pero bellamente diseñado. Además de simplificar la estructura del documento, se ha agregado soporte para hipertexto a HTML . Las funciones multimedia se agregaron más tarde.

La primera descripción pública de HTML fue el documento "HTML Tags", mencionado por primera vez en Internet por Tim Berners-Lee a finales de 1991, [4] [5] . Describe los 18 elementos que conforman el diseño HTML inicial relativamente simple. Con la excepción de la etiqueta de hipervínculo, están fuertemente influenciados por SGMLguid, un formato de documentación interna basado en el lenguaje de marcado generalizado estándar (SGML), en el CERN. Once de estos elementos todavía existen en HTML 4 [6] .

Inicialmente, el lenguaje HTML fue concebido y creado como un medio para estructurar y formatear documentos sin estar atado a los medios de reproducción (visualización). Idealmente, el texto con marcado HTML debe reproducirse sin distorsiones estilísticas y estructurales en equipos con varios equipos técnicos (pantalla a color de una computadora moderna, pantalla monocromática de un organizador, pantalla de tamaño limitado de un teléfono o dispositivo móvil y programas para la reproducción de voz de textos). Sin embargo, el uso moderno de HTML está muy lejos de su propósito original. Por ejemplo, la etiqueta <table>está diseñada para crear tablas en documentos, pero a veces se usa para organizar la ubicación de los elementos en la página. Con el tiempo, la idea central de la independencia de la plataforma de HTML se ha sacrificado por las necesidades modernas de diseño gráfico y multimedia.

Navegadores

Los documentos de texto que contienen marcado HTML (dichos documentos tradicionalmente tienen una extensión .html o .htm) son procesados ​​por aplicaciones especiales que muestran el documento en su forma formateada. Dicha aplicación, denominada " navegador " o "navegador de Internet", generalmente proporciona una interfaz fácil de usar para solicitar páginas web , verlas (y mostrarlas en otros dispositivos externos) y, si es necesario, enviar datos ingresados ​​por el usuario a el servidor. Los navegadores más populares hoy en día son Google Chrome , Mozilla Firefox , Opera , Internet Explorer y Safari (ver: Browser#Marketshares ).

Versiones

No existe una especificación oficial de HTML 1.0. Antes de 1995, había muchos estándares HTML no oficiales. Para diferenciar la versión estándar de ellos, se le asignó inmediatamente un segundo número.

La versión 3 fue propuesta por el World Wide Web Consortium (W3C) en marzo de 1995 y proporcionó muchas funciones nuevas, como la creación de tablas, envolver imágenes con texto y mostrar fórmulas matemáticas complejas , soporte para el formato gif . Si bien este estándar era compatible con la segunda versión, su implementación fue difícil para los navegadores de la época. La versión 3.1 nunca se propuso oficialmente, y la siguiente versión del estándar HTML fue la 3.2, que omitió muchas de las innovaciones de la versión 3.0 pero agregó elementos no estándar compatibles con los navegadores Netscape Navigator y Mosaic .

En la versión HTML 4.0, hubo algo de "limpieza" del estándar. Muchos elementos se han marcado como obsoletos y obsoletos .  En particular, la etiqueta utilizada para cambiar las propiedades de la fuente se ha marcado como obsoleta ( en su lugar, se recomiendan las hojas de estilo CSS ). <font>

En 1998, el World Wide Web Consortium comenzó a trabajar en un nuevo lenguaje de marcado basado en HTML 4 pero conforme a la sintaxis XML. Posteriormente, el nuevo lenguaje se denominó XHTML . La primera versión de XHTML 1.0 fue aprobada como recomendación del World Wide Web Consortium el 26 de enero de 2000 .

Se suponía que la versión planificada de XHTML 2.0 rompería la compatibilidad con versiones anteriores de HTML y XHTML, pero el 2 de julio de 2009, el Consorcio World Wide Web anunció que el mandato del Grupo de trabajo XHTML2 expiraría a fines de 2009 . Por lo tanto, se suspendió todo desarrollo posterior del estándar XHTML 2.0 [23] .

La estructura de un documento HTML

HTML es un lenguaje de marcado de etiquetas para documentos . Cualquier documento HTML es un conjunto de elementos , y el principio y el final de cada elemento se indican mediante marcas- etiquetas especiales . Los elementos pueden estar vacíos , lo que significa que no contienen texto ni otros datos. En este caso, la etiqueta de cierre generalmente no se especifica (por ejemplo, la etiqueta de salto de línea <br> es única y no necesita cerrarse). Además, los elementos pueden tener atributos que definan algunas de sus propiedades (por ejemplo, un atributo href="en un enlace). Los atributos se especifican en la etiqueta de apertura. Estos son ejemplos de fragmentos de documentos HTML:

El caso en que se escriben el nombre del elemento y los nombres de los atributos no importa en HTML (a diferencia de XHTML). Los elementos se pueden anidar. Por ejemplo, el siguiente código:

<!DOCTYPE html> < html > < cabeza > < juego de caracteres meta = "utf-8" > < título > Documento HTML </ título > </ cabeza > < cuerpo > < p > < b > Este texto estará en negrita, < i > y este también está en cursiva </ i > . </ b > </ p > </ cuerpo > </ html >

dará este resultado:

Este texto estará en negrita y este en cursiva .

Recomendado

Etiquetas semánticas:

Se recomienda utilizar etiquetas semánticas como "<tbody> (etiqueta del cuerpo de la tabla semántica)" para una mejor indexación del navegador.

Caracteres especiales

Además de los elementos, los documentos HTML también tienen entidades ( entidades inglesas  )  - "caracteres especiales" . Las entidades comienzan con un carácter ampersand y tienen la forma o , donde NNNN es el  código decimal Unicode para el carácter.&имя;&#NNNN;

Por ejemplo, &copy; - un signo de derechos de autor (©). Por lo general, las entidades se utilizan para representar caracteres que no están en la codificación del documento o para representar caracteres "especiales": &amp; - el ampersand (&), &lt; - el símbolo menor que (<) &gt; y - el símbolo mayor que (>), que están incorrectamente escritos de forma "normal", debido a su significado especial en HTML.

Guerras de navegador

A mediados de la década de 1990, los principales fabricantes de navegadores, Netscape y Microsoft  , comenzaron a incorporar sus propios conjuntos de elementos en el marcado HTML. Hubo una confusión de varios diseños para trabajar en la World Wide Web, disponibles para ver en uno u otro navegador. Las dificultades especialmente grandes surgieron al crear programas de navegador cruzado en el lenguaje JavaScript . Los webmasters tenían que crear múltiples versiones de páginas o recurrir a otros trucos. Durante un tiempo, el problema perdió relevancia por dos motivos:

  • Debido al desplazamiento del navegador Internet Explorer de todos los demás navegadores. En consecuencia, el problema de los webmasters se convirtió en el problema de los usuarios de navegadores alternativos.
  • Gracias a los esfuerzos de otros proveedores de navegadores que siguieron los estándares W3C (como Mozilla y Opera ) o intentaron crear la máxima compatibilidad con Internet Explorer.

En la etapa actual[ ¿Qué? ] podemos afirmar la creciente popularidad de los navegadores que siguen las recomendaciones del W3C (estos son Mozilla Firefox y otros navegadores en el motor Gecko ; Safari , Google Chrome , Opera y otros navegadores en el motor WebKit ). La participación de Internet Explorer a partir de julio de 2022 es inferior al 0,28 % [24] .

En la práctica moderna[ ¿Qué? ] es posible simplificar el desarrollo de programas de navegador cruzado en JavaScript utilizando varias bibliotecas y marcos. Por ejemplo, como jQuery , sIFR , etc.

Véase también

  • MHTML (abreviatura de MIME HTML) es un formato de página web de archivo que se utiliza para combinar código HTML y recursos que suelen ser enlaces externos en un solo archivo.

Notas

  1. ↑ Masinter L. , Connolly D. El tipo de medio 'text/html'  (ing.) - IETF , 2000. - 8 p. doi : 10.17487/RFC2854
  2. ↑ https://www.w3.org/People/Raggett/book4/ch02.html
  3. ↑ Tim Berners-Lee, "Gestión de la información: una propuesta". CERN (marzo de 1989, mayo de 1990). W3.org Archivado el 1 de abril de 2010 en Wayback Machine .
  4. ↑ Etiquetas utilizadas en HTML . Consorcio World Wide Web (3 de noviembre de 1992). Consultado el 16 de noviembre de 2008. Archivado desde el original el 31 de enero de 2010.
  5. ↑ Primera mención de etiquetas HTML en la lista de correo de www-talk . Consorcio World Wide Web (29 de octubre de 1991). Consultado el 8 de abril de 2007. Archivado desde el original el 12 de mayo de 2013.
  6. ↑ Índice de elementos en HTML 4 . Consorcio World Wide Web (24 de diciembre de 1999). Consultado el 8 de abril de 2007. Archivado desde el original el 5 de mayo de 2007.
  7. ↑ Berners-Lee, Tim; Connelly, Daniel Lenguaje de marcado de hipertexto - 2.0 . Grupo de trabajo de ingeniería de Internet (noviembre de 1995). Consultado el 1 de diciembre de 2010. Archivado desde el original el 27 de agosto de 2011.
  8. ↑ Especificación de referencia de HTML 3.2 . Consultado el 18 de agosto de 2004. Archivado desde el original el 19 de junio de 2010.
  9. ↑ Especificación HTML 4.0 . Consultado el 18 de agosto de 2004. Archivado desde el original el 6 de junio de 2011.
  10. ↑ Especificación de HTML 4.01. Archivado el 6 de marzo de 2005 en Wayback Machine . 
  11. ↑ ISO/IEC 15445:2000(E) ISO-HTML
  12. ↑ Recomendación HTML5 W3C . Consultado el 5 de enero de 2018. Archivado desde el original el 6 de enero de 2018.
  13. ↑ Hito de la plataforma web abierta logrado con la recomendación de HTML5 . Consultado el 5 de enero de 2018. Archivado desde el original el 28 de octubre de 2014.
  14. ↑ Comienza el desarrollo de la versión 5.1 . Archivado el 25 de diciembre de 2016 en Wayback Machine W3C .
  15. ↑ Borrador de trabajo HTML 5.1 W3C 17 de diciembre de 2012 . Consultado el 2 de julio de 2015. Archivado desde el original el 16 de julio de 2015.
  16. ↑ Recomendación HTML 5.1 W3C . Fecha de acceso: 7 de noviembre de 2016. Archivado desde el original el 7 de noviembre de 2016.
  17. ↑ HTML 5.1 es una recomendación W3C | Noticias del W3C . Consultado el 5 de enero de 2018. Archivado desde el original el 8 de noviembre de 2020.
  18. ↑ HTML 5.1 2nd Edition es una recomendación W3C | Noticias del W3C . Consultado el 5 de enero de 2018. Archivado desde el original el 6 de enero de 2018.
  19. ↑ HTML 5.1 es el estándar de oro | Blog del W3C . Consultado el 5 de enero de 2018. Archivado desde el original el 8 de noviembre de 2020.
  20. ↑ Recomendación HTML 5.2 W3C . Consultado el 5 de enero de 2018. Archivado desde el original el 14 de diciembre de 2017.
  21. ↑ HTML 5.2 ahora es una recomendación W3C | Noticias del W3C . Consultado el 5 de enero de 2018. Archivado desde el original el 7 de noviembre de 2020.
  22. ↑ HTML 5.2 está listo, viene HTML 5.3 | Blog del W3C . Consultado el 5 de enero de 2018. Archivado desde el original el 9 de noviembre de 2020.
  23. ↑ Preguntas frecuentes sobre XHTML Archivado el 11 de junio de 2012 en Wayback Machine . 
  24. ↑ Estadísticas globales de StatCounter: navegador, sistema operativo, motor de búsqueda, incluido el uso compartido de dispositivos móviles . Consultado el 23 de febrero de 2016. Archivado desde el original el 26 de mayo de 2012.

Literatura

  • Freeman Eric, Freeman Elizabeth. Aprendiendo HTML, XHTML y CSS = Head First HTML con CSS y XHTML. - P .: "Pedro" , 2010. - 656 p. — ISBN 978-5-49807-113-8 .
  • Ed Tittel, Jeff Noble. HTML, XHTML y CSS para principiantes, 7.ª edición = HTML, XHTML y CSS para principiantes, 7.ª edición. - M. : "Dialéctica" , 2011. - 400 p. - ISBN 978-5-8459-1752-2 .
  • Peter Lubbers, Brian Albers, Frank Salim. HTML5 para profesionales: potentes herramientas para el desarrollo de aplicaciones web modernas = Programación Pro HTML5: potentes API para un desarrollo de aplicaciones de Internet más completo. - M. : "Williams" , 2011. - 272 p. — ISBN 978-5-8459-1715-7 .
  • Esteban Schafer. HTML, XHTML y CSS. La Biblia del Usuario, 5ª Edición = Biblia HTML, XHTML y CSS, 5ª Edición. - M. : "Dialéctica" , 2010. - 656 p. - ISBN 978-5-8459-1676-1 .
  • Freeman Eric, Freeman Elizabeth. Aprendiendo HTML, XHTML y CSS = Head First HTML con CSS y XHTML. - 1ª ed. - M .: "Pedro" , 2010. - S. 656. - ISBN 978-5-49807-113-8 .
  • Amerland D. Búsqueda semántica de Google . — Editorial Que, 2013. — 240 p. — ISBN 9780133434170 .

Enlaces

  Ir al elemento de Wikidata  diccionarios y enciclopedias