Eduardo cordón
- 2. Que es HTML: HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para añadir un elemento externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene sólo texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegador web actualizado. Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas características, con el fin de hacerlo más eficiente y facilitar el desarrollo de páginas web compatibles con distintos navegadores y plataformas (PC de escritorio, portátiles, teléfonos inteligentes, tabletas, etc.). Sin embargo, para interpretar correctamente una nueva versión de HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario debe ser capaz de usar la nueva versión del navegador con los cambios incorporados. Normalmente los cambios son aplicados mediante parches de actualización automática (Firefox, Chrome) u ofreciendo una nueva versión del navegador con todos los cambios incorporados, en un sitio web de descarga oficial (Internet Explorer). Un navegador no actualizado no será capaz de interpretar correctamente una página web escrita en una versión de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los desarrolladores a aplicar técnicas y cambios que permitan corregir problemas de visualización e incluso de interpretación de código HTML. Así mismo, las páginas escritas en una versión anterior de HTML deberían ser actualizadas o reescritas, lo que no siempre se cumple. Es por ello que ciertos navegadores aún mantienen la capacidad de interpretar páginas web de versiones HTML anteriores. Por estas razones, aún existen diferencias entre distintos navegadores y versiones al interpretar una misma página web.
- 3. Historia Tim Berners-Lee en 19911 2 describe 22 elementos que incluyen el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4.3 Berners-Lee consideraba el HTML una ampliación de SGML, pero no fue formalmente reconocida como tal hasta la publicación a mediados de 1993, por la IETF (en español: Grupo de Trabajo de Ingeniería de Internet), de una primera proposición para una especificación del HTML: el borrador del Hypertext Markup Language de Berners-Lee y Dan Connolly, que incluía una Definición de Tipo de Documento SGML para definir la gramática.4 El borrador expiró a los seis meses, pero fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, que reflejaba la filosofía del IETF de basar estándares en prototipos con éxito. 5 De la misma manera, el borrador competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de Marcaje de Hipertexto), de finales de 1993, sugería estandarizar características ya implementadas, como las tablas.6 Historia del estándar: En 1989 existían dos técnicas que permitían vincular documentos electrónicos, por un lado los hipervínculos (enlaces) y por otro lado un poderoso lenguaje de etiquetas denominado SGML. Por entonces, Tim Berners-Lee, quien trabajaba en el Centro Europeo de Investigaciones Nucleares CERN da a conocer a la prensa que estaba trabajando en un sistema que permitirá acceder a ficheros en línea que funcionaba sobre redes de computadoras o máquinas electrónicas basadas en el protocolo TCP/IP. Inicialmente fue desarrollado para que se pueda compartir fácilmente información entre científicos de distintas universidades e institutos de investigación de todo el mundo.15 A principios de 1990, define por fin el HTML como un subconjunto del conocido SGML y crea algo más valioso aún, el World Wide Web. Tim Berners-Lee, creó el proyecto World Wide Web (Tejido o Telaraña Mundial), así como un sistema que facilitaba la lectura de información, mediante un programa de navegación. Éste sería el primer navegador Web, llamado WorldWideWeb, y desarrollado durante la segunda mitad del año 1990; siendo tiempo después rebautizado como Nexus para evitar confusiones por su nombre que era igual al de la tecnología que representaba. Le siguieron otros dos navegadores: el Line Mode Browser y el ViolaWWW. Este último, desarrollado en 1992, fue el primer navegador en popularizarse entre los primeros usuarios de la World Wide Web.16
- 4. Pei-Yuan Wei presentó el ViolaWWW,17 que funcionaría en modo texto y sobre un sistema operativo UNIX. Los trabajos para crear un sucesor del HTML, denominado HTML +, comenzaron a finales de 1993. HTML+ se diseñó originalmente para ser un superconjunto del HTML que permitiera evolucionar gradualmente desde el formato HTML anterior. A la primera especificación formal de HTML+ se le dio, por lo tanto, el número de versión 2 para distinguirla de las propuestas no oficiales previas. Los trabajos sobre HTML+ continuaron, pero nunca se convirtió en un estándar, a pesar de ser la base formalmente más parecida al aspecto compositivo de las especificaciones actuales. El borrador del estándar HTML 3.0 fue propuesto por el recién formado W3C en marzo de 1995. Con él se introdujeron muchas nuevas capacidades; por ejemplo, facilidades para crear tablas, hacer que el texto fluyese alrededor de las figuras y mostrar elementos matemáticos complejos. Aunque se diseñó para ser compatible con HTML 2.0, era demasiado complejo para ser implementado con la tecnología de la época, y cuando el borrador del estándar expiró en septiembre de 1995, se abandonó debido a la carencia de apoyos de los fabricantes de navegadores web. El HTML 3.1 nunca llegó a ser propuesto oficialmente, y el estándar siguiente fue el HTML 3.2, que abandonaba la mayoría de las nuevas características del HTML 3.0 y, a cambio, adoptaba muchos elementos desarrollados inicialmente por los navegadores web Netscape y Mosaic. La posibilidad de trabajar con fórmulas matemáticas que se había propuesto en el HTML 3.0 pasó a quedar integrada en un estándar distinto llamado MathML. En 1997, HTML 4.0 se publicó como una recomendación del W3C. HTML 4.0 adoptó muchos elementos específicos desarrollados inicialmente para un navegador web concreto, pero al mismo tiempo comenzó a limpiar el HTML señalando algunos de ellos como «desaprobados» o deprecated en inglés. HTML 4.0 implementa características como XForms 1.0 que no necesitan implementar motores de navegación que eran incompatibles con algunas páginas web HTML. En 2004 la W3C reabrió el debate de la evolución del HTML, y se dieron a conocer las bases para la versión HTML5. No obstante, este trabajo fue rechazado por los miembros del W3C y se daría preferencia al desarrollo del XML. Apple, Mozilla y Opera anunciaron su interés en seguir trabajando en el proyecto bajo el nombre de WHATWG,18 que se basa en la compatibilidad con tecnologías anteriores. En 2006, el W3C se interesó en el desarrollo de HTML5, y en 2007 se unió al grupo de trabajo del WHATWG para unificar el proyecto.
- 5. Marcado HTML: El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). El HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir o hacer referencia a un tipo de programa llamado script, el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.7 HTML también sirve para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores). Evolución De HTML: HTML consta de varios componentes vitales, entre ellos los elementos y sus atributos, tipos de data y la declaración de tipo de documento La idea de Berners-Lee surgió hacia el 1989 y en los dos años siguientes definía el HTML como un subconjunto del SGML al que más tarde llamaría nivel 0. Esta primera versión solamente marcaba encabezados, listas y anclas pero fue suficiente para que se creara la World Wide Web. Surgieron varias versiones de este primer HTML pero ninguna de ellas llegaría a convertirse en el estándar oficial. Lo más cercano fue el HTML 2.0, al cual se le puso el nombre para distinguirlo de la colección de estándares no oficiales que iban surgiendo. Tim Berners fundaría el W3C (World Wide Web Consotium) en 1995 y poco después surgió el borrador de la tercera versión, HTML 3.0. Éste daba mucha más libertad de creación al diseñador web. Facilitaba la creación de tablas, el texto podía fluir alrededor de las figuras y se mostraban elementos matemáticos complejos. Sus creadores pretendían que fuera compatible con la versión anterior pero era demasiado complejo como para que lo soportaran los navegadores de la época. En septiembre de ese mismo año se abandonó el proyecto debido a la falta de apoyo de los fabricantes de navegadores web. La siguiente versión tampoco llegó a ser propuesta oficialmente. Una nueva versión, el HTML 3.2 abandonaba muchos de los elementos que se habían introducido en el HTML 3.0 a cambio de acoger los elementos que habían desarrollado los fabricantes de navegadores web como Netscape y Mosaic.
- 6. Por ejemplo, se abandonó la posibilidad de introducir fórmulas matemáticas complejas para delegarlo en un estándar distinto, el MathML. La última versión es el HTML 4.0, que también incluye muchos elementos específicos que habían sido desarrollados para un navegador web determinado pero que, a su vez, calificó a muchos de ellos como “desaprobados”. El camino evolutivo del HTML ha sido complejo, se ha tenido que lidiar con muchas partes y finalmente ha cesado. Pero las tecnologías continúan avanzando y su heredero ahora es el XHTML. La base y el objetivo son los mismos pero esta vez entra un elemento nuevo en escena, el XML. Otro estándar que se asemeja en funcionalidad al SGML pero que es más sencillo y más joven. Así pues de la “fusión” de estos dos estándares, XML y HTML, surge el XHTML. Tablas de etiqueta HTML: Nombre Etiqueta inicial Etiqueta final Des. DTD Descripción a <a> </a> Origen o destino del vínculo abbr <abbr> </abbr> Abreviatura (p.ej.:WWW, HTTP, etc.) acronym <acronym> </acronym> address <address> </address> Información sobre el autor applet <applet> </applet> D L Applet Java area <area> Prohibido Área de un mapa de imágenes en el lado del cliente b <b> </b> Estilo de texto en negrita base <base> Prohibido URI base del documento basefont <basefont> Prohibido D L Tamaño base de fuente bdo <bdo> </bdo> Anular algoritmo BiDi I18N big <big> </big> Estilo de texto grande blockquote <blockquote> </blockquote> Cita larga body Opcional Opcional Cuerpo del documento br <br> Prohibido Salto de línea forzado button <button> </button> Botón caption <caption> </caption> Título de tabla center <center> </center> D L Forma abreviada de DIV align=center cite <cite> </cite> Cita code <code> </code> Fragmento de código de computadora col <col> Prohibido Columna de una tabla colgroup <colgroup> Opcional Grupo de columnas de una tabla dd <dd> Opcional Descripción de una definición
- 7. del <del> </del> Texto borrado dfn <dfn> </dfn> Definición dir <dir> </dir> D L Lista tipo directorio div <div> </div> Contenedor genérico de idioma/estilo dl <dl> </dl> Lista de definiciones dt <dt> Opcional Término definido em <em> </em> Énfasis fieldset <fieldset> </fieldset> Grupo de controles de un formulario font <font> </font> D L Cambio local de la fuente form <form> </form> Formulario interactivo frame <frame> Prohibido F Subventana frameset <frameset> </frameset> F Subdivisión en ventanas h1 <h1> </h1> Encabezado h2 <h2> </h2> Encabezado h3 <h3> </h3> Encabezado h4 <h4> </h4> Encabezado h5 <h5> </h5> Encabezado h6 <h6> </h6> Encabezado head Opcional Opcional Cabecera del documento hr <hr> Prohibido Separador horizontal html Opcional Opcional Elemento raiz del documento i <i> </i> Estilo de texto en itálica iframe <iframe> </iframe> L Subventana en línea img <img> Prohibido Imagen incluida input <input> Prohibido Control de formulario ins <ins> </ins> Texto insertado isindex <isindex> Prohibido D L Entrada de texto en una sola línea con indicador kbd <kbd> </kbd> Texto que debe introducir el usuario label <label> </label> Texto del rótulo de un campo de formulario legend <legend> </legend> Leyenda de un grupo de campos li <li> Opcional Objeto de lista link <link> Prohibido Un vínculo independiente del medio map <map> </map> Mapa de imágenes en el lado del cliente menu <menu> </menu> D L Lista tipo menú meta <meta> Prohibido Metainformación genérica
- 8. noframes <noframes> </noframes> F Contenedor de contenidos alternativos para la representación no basada en marcos noscript <noscript> </noscript> Contenedor de contenidos alternativos para la representación no basada en scripts object <object> </object> Objeto incluido genérico ol <ol> </ol> Lista ordenada optgroup <optgroup> </optgroup> Grupo de opciones option <option> Opcional Opción seleccionable p <p> Opcional Párrafo param <param> Prohibido Valor de propiedad con nombre pre <pre> </pre> Texto preformateado q <q> </q> Cita corta en línea s <s> </s> D L Estilo de texto tachado samp <samp> </samp> Ejemplo de salida de programas, scripts, etc. script <script> </script> Sentencias de script select <select> </select> Selector de opciones small <small> </small> Estilo de texto pequeño span <span> </span> Contenedor genérico de idioma/estilo strike <strike> </strike> D L Estilo de texto tachado strong <strong> </strong> Énfasis fuerte style <style> </style> Información de estilo sub <sub> </sub> Subíndice sup <sup> </sup> Superíndice table <table> </table> tbody Opcional Opcional Cuerpo de tabla td <td> Opcional Celda de datos de una tabla textarea <textarea> </textarea> Campo de texto multilínea tfoot <tfoot> Opcional Pie de tabla th <th> Opcional Celda de encabezado de tabla thead <thead> Opcional Cabecera de tabla title <title> </title> Título del documento tr <tr> Opcional Fila de una tabla tt <tt> </tt> Estilo de texto de teletipo o monoespacio u <u> </u> D L Estilo de texto subrayado ul <ul> </ul> Lista no ordenada var <var> </var> Variable o argumento de un programa