{"id":1032,"date":"2014-10-29T06:47:11","date_gmt":"2014-10-29T11:47:11","guid":{"rendered":"https:\/\/e-lexia.com\/blog\/?p=1032"},"modified":"2024-11-01T11:47:06","modified_gmt":"2024-11-01T16:47:06","slug":"origen-del-html","status":"publish","type":"post","link":"https:\/\/e-lexia.com\/blog\/origen-del-html\/","title":{"rendered":"Origen del HTML"},"content":{"rendered":"<p>Continuando con las entregas sobre HTML, en esta oportunidad realizo una aproximaci\u00f3n al origen de este lenguaje de marcado sem\u00e1ntico: \u00bfd\u00f3nde y cu\u00e1ndo se dise\u00f1\u00f3? \u00bfqui\u00e9n se aventur\u00f3 a crear un est\u00e1ndar que dar\u00eda la vuelta al mundo y transformar\u00eda la forma de comunicarnos? \u00bfcu\u00e1l es el estado actual de esta tecnolog\u00eda?<\/p>\n<p>Este es otro recurso que hab\u00eda creado para uno de los cursos en mi maestr\u00eda en Direcci\u00f3n y Producci\u00f3n de e-Learning pero que retomo para inter\u00e9s de mi estudiantes de comunicaci\u00f3n social &#8211; periodismo de la Universidad de Antioquia.<\/p>\n<p>Aqu\u00ed vamos.<\/p>\n<p><!-- Google Adsense --><\/p>\n<div class=\"adsense\">\n  <script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-7923590131153633\" crossorigin=\"anonymous\"><\/script><br \/>\n  <ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-7923590131153633\" data-ad-slot=\"5345374831\"><\/ins><br \/>\n  <script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script>\n<\/div>\n<h2>Origen del HTML<\/h2>\n<p>La historia de lenguaje de marcado de <a href=\"https:\/\/e-lexia.com\/diccionario-tic\/hipertexto\/\" rel=\"noopener\" target=\"_blank\">hipertexto<\/a> est\u00e1 estrictamente vinculada al cient\u00edfico ingl\u00e9s Tim Berners-Lee, quien es considerado el padre de la <a href=\"https:\/\/e-lexia.com\/diccionario-tic\/www\/\" rel=\"noopener\" target=\"_blank\">World Wide Web<\/a> (W3) gracias a la investigaci\u00f3n en el tema, que lider\u00f3 desde 1980, mientras trabajaba para la Organizaci\u00f3n Europea para la Investigaci\u00f3n Nuclear (CERN, por sus siglas en ingl\u00e9s).<\/p>\n<p>El objetivo de Berners-Lee era crear un sistema hipertextual que permitiera conectar y compartir documentos entre diferentes computadores, sin importar el sistema operativo y aplicaci\u00f3n web (navegador).<\/p>\n<p>El trabajo se apoy\u00f3 en sistemas y protocolos de comunicaci\u00f3n, que hab\u00edan sido desarrollados por organizaciones militares, acad\u00e9micas y cient\u00edficas de pa\u00edses europeos y Estados Unidos. Adem\u00e1s, TimBL, como tambi\u00e9n es conocido Berners-Lee, recibi\u00f3 apoyo del ingeniero de sistemas Robert Cailliau. Y es que si Berners-Lee es el padre, Cailliau ser\u00eda uno de los t\u00edos de la WWW.<\/p>\n<p>Para 1991, el equipo de trabajo del CERN present\u00f3 el primer documento, donde se hac\u00eda una descripci\u00f3n oficial del lenguaje de marcado. El t\u00edtulo del texto fue: <em>HTML Tags<\/em> (etiquetas HTML). Este documento a\u00fan reposa en el archivo de la World Wide Web Consortium (W3C) y puede <a href=\"http:\/\/www.w3.org\/History\/19921103-hypertext\/hypertext\/WWW\/MarkUp\/Tags.html\" target=\"_blank\" rel=\"noopener noreferrer\">ser consultado<\/a> por cualquier usuario.<\/p>\n<p>En 1993, la IETF (<em>Internet Engineering Task Force<\/em>) realiza otro documento sobre el tema. Este ser\u00eda el segundo intento por normalizar y estandarizar la producci\u00f3n de hiperdocumentos basados en la propuesta de Berners-Lee.<\/p>\n<p>El 22 de septiembre de 1995, luego de cuatro a\u00f1os de trabajo, <strong>el lenguaje es reconocido como est\u00e1ndar<\/strong>, gracias a la presentaci\u00f3n de la versi\u00f3n 2.0.<\/p>\n<p><!-- ASESOR COMUNICATIVO --><\/p>\n<div class=\"destacado-asesor\">\n<div class=\"destacado-asesor__imagen\">\n    <a href=\"https:\/\/e-lexia.com\/contacto.html\"><br \/>\n      <img decoding=\"async\" src=\"https:\/\/e-lexia.com\/blog\/wp-content\/uploads\/2023\/01\/asesor-comunicativo-juancadotcom.png\" alt=\"Juan Carlos Morales S., asesor en comunicaci\u00f3n digital\"><br \/>\n    <\/a>\n   <\/div>\n<div class=\"destacado-asesor__desc\">\n<h2><a href=\"https:\/\/e-lexia.com\/contacto.html\">\u00bfNecesitas asesor\u00eda en comunicaci\u00f3n digital?<\/a><\/h2>\n<p>Dise\u00f1a y optimiza tus proyectos en comunicaci\u00f3n digital, entregando una mejor experiencia a tus usuarios y potenciando el valor de tu marca.<br \/>\n      <a class=\"cta-asesor\" href=\"https:\/\/e-lexia.com\/contacto.html\">Conversemos<\/a>\n     <\/p>\n<\/p><\/div>\n<\/div>\n<h2>HTML5<\/h2>\n<p>Desde que Tim Berners-Lee presentara el primer documento (1991) sobre HTML a comunidades mundiales de hackers y compa\u00f1\u00edas de tecnolog\u00eda no han cesado las tareas de crear, probar y ajustar el lenguaje. El objetivo ha sido claro: optimizar el c\u00f3digo a trav\u00e9s de una constante revisi\u00f3n y valoraci\u00f3n de las etiquetas en un contexto tecnol\u00f3gico cambiante.<\/p>\n<p>Hoy, 2019, el lenguaje est\u00e1 en su quinta versi\u00f3n.<\/p>\n<p>Hablar de HTML5 es remontarse a la creaci\u00f3n del grupo WHAT (conformado por miembros de Apple, Mozilla Foundation y Opera) en el 2004.<\/p>\n<p>En 2006 el desarrollo de este nuevo est\u00e1ndar recibe un gran impulso: <a href=\"https:\/\/www.w3.org\/\" rel=\"noopener noreferrer\" target=\"_blank\">la W3C<\/a>, organismo encargado de auditar y recomendar el desarrollo de recursos para la Web, presidida \u2013a prop\u00f3sito- por Tim Berners-Lee, decide cancelar el desarrollo del est\u00e1ndar XHTML y se une a la propuesta. El HTML5 se convierte en un sue\u00f1o mundial y su desarrollo se acelera.<\/p>\n<p>En 2008 se libera la primera versi\u00f3n oficial de HTML5 (escrita por Ian Hickson). Sin embargo, pese al buen trabajo de Hickson, las comunidades de desarrollo contin\u00faa trabajando y se van liberando nuevos elementos. Incluso, en 2019, contin\u00faan elementos que est\u00e1n pendientes por desarrollar, como es el caso de las hojas de estilo en cascada y sus prefijos de propietario.<\/p>\n<h2>Presente, pasado y futuro del HTML5<\/h2>\n<p>En el sitio Web HTML5, en su art\u00edculo \u00abInicio de HTML5, su crecimiento y futuro\u201d se presenta una completa infograf\u00eda sobre la historia del lenguaje.<\/p>\n<p>La infograf\u00eda tambi\u00e9n anexa r\u00e1pidas referencias a las tecnolog\u00edas que se congregan en el HTML5: sem\u00e1ntica, fuera de l\u00ednea y almacenamiento, acceso a dispositivos, conectividad, multimedia, 3D y gr\u00e1ficos, rendimiento y CSS3.<\/p>\n<p>Nota: actualmente la infograf\u00eda no est\u00e1 disponible en el sitio web HTML5 pero se ha localizado en los registros de Archive.org. Este es un servicio gratuito que ofrece versiones anteriores de p\u00e1ginas web. Una soluci\u00f3n bastante \u00fatil para recuperar recursos ya vencidos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/e-lexia.com\/blog\/wp-content\/uploads\/2014\/10\/InfografiaHTML.jpg\" alt=\"Infograf\u00eda HTML\" width=\"500\" height=\"1436\" class=\"size-full wp-image-2588\" style=\"margin:0 auto; display:block\" srcset=\"https:\/\/e-lexia.com\/blog\/wp-content\/uploads\/2014\/10\/InfografiaHTML.jpg 500w, https:\/\/e-lexia.com\/blog\/wp-content\/uploads\/2014\/10\/InfografiaHTML-104x300.jpg 104w, https:\/\/e-lexia.com\/blog\/wp-content\/uploads\/2014\/10\/InfografiaHTML-357x1024.jpg 357w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Conozca la entrada anterior: <a href=\"https:\/\/e-lexia.com\/blog\/que-es-html\/\" title=\"\u00bfQu\u00e9 es HTML?\">\u00bfQu\u00e9 es HTML?<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Continuando con las entregas sobre HTML, en esta oportunidad realizo una aproximaci\u00f3n al origen de este lenguaje de marcado sem\u00e1ntico: \u00bfd\u00f3nde y cu\u00e1ndo se dise\u00f1\u00f3? \u00bfqui\u00e9n se aventur\u00f3 a crear un est\u00e1ndar que dar\u00eda la vuelta al mundo y transformar\u00eda la forma de comunicarnos? \u00bfcu\u00e1l es el estado actual de&hellip;<\/p>\n","protected":false},"author":1,"featured_media":1593,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[65,59],"class_list":["post-1032","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-habilidades-tic","tag-codigo","tag-estrategias","has-post-thumbnail-archive"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/posts\/1032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/comments?post=1032"}],"version-history":[{"count":0,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/posts\/1032\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/media\/1593"}],"wp:attachment":[{"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/media?parent=1032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/categories?post=1032"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/tags?post=1032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}