Html 5

Historia del Html

La historia completa de HTML es tan interesante como larga, por lo que a continuación se muestra su historia resumida a partir de la información que se puede encontrar en la Wikipedia.

El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, trabajador del CERN (Organización Europea para la Investigación Nuclear) propuso un nuevo sistema de "hipertexto" para compartir documentos.

Los sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito de la informática, el "hipertexto" permitía que los usuarios accedieran a la información relacionada con los documentos electrónicos que estaban visualizando. De cierta manera, los primitivos sistemas de "hipertexto" podrían asimilarse a los enlaces de las páginas web actuales.

Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo presentó a una convocatoria organizada para desarrollar un sistema de "hipertexto" para Internet. Después de unir sus fuerzas con el ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3).

El primer documento formal con la descripción de HTML se publicó en 1991 bajo el nombre HTML Tags (Etiquetas HTML) y todavía hoy puede ser consultado online a modo de reliquia informática.

La primera propuesta oficial para convertir HTML en un estándar se realizó en 1993 por parte del organismo IETF (Internet Engineering Task Force). Aunque se consiguieron avances significativos (en esta época se definieron las etiquetas para imágenes, tablas y formularios) ninguna de las dos propuestas de estándar, llamadas HTML y HTML+ consiguieron convertirse en estándar oficial.

En 1995, el organismo IETF organiza un grupo de trabajo de HTML y consigue publicar, el 22 de septiembre de ese mismo año, el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML.

A partir de 1996, los estándares de HTML los publica otro organismo de estandarización llamado W3C (World Wide Web Consortium). La versión HTML 3.2 se publicó el 14 de Enero de 1997 y es la primera recomendación de HTML publicada por el W3C. Esta revisión incorpora los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes.

HTML 4.0 se publicó el 24 de Abril de 1998 (siendo una versión corregida de la publicación original del 18 de Diciembre de 1997) y supone un gran salto desde las versiones anteriores. Entre sus novedades más destacadas se encuentran las hojas de estilos CSS, la posibilidad de incluir pequeños programas o scripts en las páginas web, mejora de la accesibilidad de las páginas diseñadas, tablas complejas y mejoras en los formularios.

La última especificación oficial de HTML se publicó el 24 de diciembre de 1999 y se denomina HTML 4.01. Se trata de una revisión y actualización de la versión HTML 4.0, por lo que no incluye novedades significativas.

Desde la publicación de HTML 4.01, la actividad de estandarización de HTML se detuvo y el W3C se centró en el desarrollo del estándar XHTML. Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera mostraron su preocupación por la falta de interés del W3C en HTML y decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group).

La actividad actual del WHATWG se centra en el futuro estándar HTML 5, cuyo primer borrador oficial se publicó el 22 de enero de 2008. Debido a la fuerza de las empresas que forman el grupo WHATWG y a la publicación de los borradores de HTML 5.0, en marzo de 2007 el W3C decidió retomar la actividad estandarizadora de HTML.

De forma paralela a su actividad con HTML, W3C ha continuado con la estandarización de XHTML, una versión avanzada de HTML y basada en XML. La primera versión de XHTML se denomina XHTML 1.0 y se publicó el 26 de Enero de 2000 (y posteriormente se revisó el 1 de Agosto de 2002).

XHTML 1.0 es una adaptación de HTML 4.01 al lenguaje XML, por lo que mantiene casi todas sus etiquetas y características, pero añade algunas restricciones y elementos propios de XML. La versión XHTML 1.1 ya ha sido publicada en forma de borrador y pretende modularizar XHTML. También ha sido publicado el borrador de XHTML 2.0, que supondrá un cambio muy importante respecto de las anteriores versiones de XHTML.

Tomado de: https://librosweb.es/xhtml/capitulo_1/breve_historia_de_html.html. Año 2015

HTML (HyperText Markup Language = Lenguaje de Marcas de HiperTexto)

Una página web es un documento de texto con marcas (también llamadas etiquetas). Las marcas permiten modificar la presentación del documento, incluir elementos no contenidos en el texto (por ejemplo, imágenes), crear hiperenlaces, etc. La utilización de marcas se remonta a los años 60 y su formalización culminó en 1986 con la publicación de la norma ISO 8879:1986 (las normas ISO son de pago), que definía el SGML (Standard Generalized Markup Language = Lenguaje de Marcas Generalizado y Normalizado).
Basándose en el SGML, Berners-Lee creó el HTML, definiendo un conjunto de marcas muy reducido que permitiera su utilización en cualquier sistema operativo y la creación de enlaces de hipertexto. El éxito de la World Wide Web en los primeros años 90 hizo necesario la ampliación de las características del HTML, lo que requería nuevas marcas. Este desarrollo fue impulsado por las empresas que desarrollaban los navegadores (básicamente Netscape y Microsoft) y fue un desarrollo bastante caótico que no se logró encauzar hasta mediados de los 90, con la creación del W3C (World Wide Web).
En noviembre de 1995 la IETF publicó la norma RFC 1866, escrita por Berners Lee y D. Connolly, que define la versión HTML 2.0 y el tipo MIME (Multipurpose Internet Mail Extension) text/html. Esta versión recapitulaba el estado del HTML de 1994 y recibió el nombre de HTML 2.0 para distinguirla de los HTML anteriores, que nunca recibieron nombre oficial. LA IETF dejó de trabajar en este campo en 1996, aunque en junio de 2000 publicó la norma RFC 2854 que resumía y anulaba los RFC anteriores relativos al HTML.
El W3C publicó en enero de 1997 la recomendación HTML 3.2, escrita por Dave Raggett. Esta versión incorporó muchas estructuras nuevas al HTML (tablas, imágenes flotantes, applets, hojas de estilo). En diciembre de 1998 se publicó la recomendación HTML 4.0, editada por Dave Raggett y otros, aunque la versión definitiva HTML 4.0, editada por Dave Raggett y otros, se publicó en abril de 1998 corrigiendo erratas de la primera edición. Los cambios más importantes fueron la incorporación de los frames y la mayor relevancia de las hojas de estilo. En diciembre de 1999 se publicó la recomendación HTML 4.01, editada por Dave Raggett y otros, que modificaba ligeramente la versión anterior.
En HTML 4.01 se definen tres tipos de documentos: Strict (estricto), Frameset (con marcos) y Transitional (de transición). El tipo Transitional intenta parecerse a las versiones anteriores de HTML, manteniendo el mayor número posible de etiquetas. El tipo Frameset es como el Transitional, salvo que incluye además la posibilidad de crear marcos (frames). El tipo Strict elimina las etiquetas directamente relacionadas con el aspecto visual (como font, s o u).
Con estas recomendaciones, uno de los objetivos del W3C había sido profundizar la separación entre contenido y su presentación, es decir, eliminar del HTML las etiquetas que hicieran referencia directa al formato visual (y almacenar esta información en una hoja de estilo). Pero al mismo tiempo, el W3C tuvo que aumentar el número de etiquetas para dar respuesta a las demandas de los usuarios, cada vez más diferentes. Pero como estas demandas son inagotables, el W3C tomó un camino diferente: el XML. XML (eXtensible Markup Language = Lenguaje de Marcas Extensible) no es un nuevo lenguaje de marcas, sino las reglas para poder crear nuevos lenguajes de marcas compatibles entre sí. En febrero de 1998 se aprobó la recomendación XML 1.0, editada por Tim Bray y otros.
Lógicamente, el siguiente paso fue adaptar el HTML a las exigencias del XML. El resultado se publicó en enero de 2000: la recomendación XHTML 1.0 (Extensible HyperText Markup Language = Lenguaje de Marcas de HiperTexto Extensible), editada por Steven Pemberton y otros, de la que en agosto de 2002 se publicó la segunda edición, editada por Steven Pemberton y otros. En realidad, XHTML 1.0 no es más que el HTML 4.01 adaptado a las reglas (más formalizadas) del XML 1.0.
Paralelamente, para abordar el problema de la diversidad de aplicaciones, el W3C aprobó en abril de 2001 la recomendación Modularización del XHTML, editada por Murray Altheim y otros. La idea es dividir el lenguaje en grupos de marcas relacionadas para poder limitar o ampliar el lenguaje, definiendo por ejemplo perfiles xhtml+mathml o xhtm+mathml+svg.
En el camino de la modularización se aprobó en mayo de 2001 la recomendación XHTML 1.1, editada por Murray Altheim y Shane McCarron, que apenas modifica el XHTML 1.0 Strict, pero que se estructura de forma modular. También se han aprobado varias recomendaciones que desarrollan módulos definidos en la recomendación de modularización:
diciembre de 2000: XHTML Basic, editada por Mark Baker y otros, que definía un XHTML mínimo.
mayo de 2001: Notación Ruby, editada por Michel Suignard y otros, que permite utilizar un estilo de escritura utilizado en algunas lenguas asiáticas.
septiembre de 2006: XHTML Print, editada por Melinda Grant y Jim Bigelow, destinada a impresoras de bajo coste y sin memoria.
julio de 2008: XHTML Basic 1.1, editada por Shane McCarron y Masayasu Ishikawa.
octubre de 2008: Modularización del XHTML 1.1, editada por Daniel Austin y otros.
octubre de 2008: RDFa en XHTML: sintaxis y procesamiento, editada por Ben Adida y otros.
En 2010 se publicaron segundas ediciones de algunas recomendaciones:
julio de 2010: Modularización del XHTML 1.1 (2º edición), editada por Shane McCarron.
noviembre de 2010: XHTML Basic 1.1 (2º edición), editada por Shane McCarron y Masayasu Ishikawa.
noviembre de 2010: XHTML Print (2º edición), editada por Shane McCarron.
noviembre de 2010: XHTML 1.1 (2º edición), editada por Murray Altheim y Shane McCarron.
A partir del año 2002, el grupo de trabajo del W3C dejó de funcionar y aunque formalmente continuaba el desarrollo de la recomendación XHTML 2.0, en la práctica su trabajo se convirtió en irrelevante.
Por desgracia, el paso del HTML al XHTML, que el W3C pensaba que sería inmediato, resultó ser un fracaso. Probablemente, el principal motivo del fracaso fue el problema de los tipos MIME en Intenet Explorer (en las versiones anteriores a IE9).
Los tipos MIME definen tipos de documentos y son la manera en que el servidor le dice al navegador qué tipo de documento le va a enviar. El tipo MIME de los documentos html es text/html mientras que el tipo MIME de los documentos xhtml es application/xhtml+xml . El problema es que los Internet Explorer anteriores a IE9 no admitían el tipo application/xhtml+xml (definido en la norma RFC 3236, de enero de 2002) y simplemente no mostraban los documentos enviados con este tipo MIME. La alternativa es enviar los documentos xhtml como text/html, pero eso genera multitud de problemas. El más importante es que los navegadores no tratan el documento como xhtml sino como html y por tanto el navegador piensa que el documento está lleno de errores, aunque los navegadores los ignoran y consiguen mostrar la página. Dado que Internet Explorer es el navegador más utilizado, prácticamente nadie envía los documentos xhtml con el tipo MIME application/xhtml+xml y como al enviarlos con el tipo MIME text/html se pierden todas las ventajas del xhtml, la conclusión es automática: no vale la pena usar xhtml. Actualmente (septiembre de 2014) gran parte o la mayoría de las páginas disponibles en la web ni son XHTML ni se sirven como tal.
Ante este bloqueo que impedía el desarrollo del HTML (el W3C había abandonado el desarrollo del HTML en favor del XHTML pero el mercado -por culpa de Microsoft, especialmente- rechazaba el XHTML), en 2004 se creó el WHATWG (Web Hypertext Application Technology Working Group), un grupo de trabajo informal formado por individuos y empresas (Mozilla, Opera, Apple, Google entre ellas) y dedicado al desarrollo del HTML, sobre todo para facilitar el desarrollo de las aplicaciones Web. Este grupo empezó a elaborar las especificaciones HTML 5 (también llamada Web Applications 1.0), Web Forms 2.0 y Web Controls 1.0, editadas por Ian Hickson, con la intención de que en el futuro se publicaran como recomendaciones del W3C con el nombre de HTML 5.
A finales de 2006, Tim Berners-Lee anunció la creación de un nuevo grupo de trabajo sobre HTML dentro del W3C y la reestructuración de los grupos existentes para reintregar el trabajo del WHATWG.
En marzo de 2007 se creó el grupo de trabajo HTML con la misión de retomar el desarrollo del HTML y con participación de todos los implicados (incluso de Microsoft, que se mantiene al margen del WHATWG, pero que forma parte del grupo de trabajo HTML del W3C desde el verano de 2009). Este grupo adoptó los borradores del WHATWG y desde 2008 publica regularmente borradores de HTML 5 (en un principio idénticos a los borradores del WHATWG).
En marzo de 2007 también se creó el grupo de trabajo XHTML2 con la misión de continuar el desarrollo del XHTML, pero ese grupo se cerró en diciembre de 2009 sin llegar a publicar la recomendación del XHTML 2.0.
En enero de 2011, el W3C anunció su compromiso definitivo con el HTML 5 y la intención de publicar la recomendación en 2014. Simultáneamente, el WHATWG anunció que cambiaba su modelo de desarrollo a un modelo de desarrollo continuo, es decir, dejar de hablar de versiones de HTML, llamarlo siempre HTML y que la norma se vaya modificando continuamente (véase este blog dedicado a la evolución de los borradores de HTML).
El reparto de papeles (el WHATWG desarrollando continuamente el HTML, los navegadores implementando el HTML del WHATWG y el W3C fijando versiones cada ciertos años), comenzó con buen pie pero que dos grupos distintos pudieran desarrollar su trabajo sin fricciones resultaba sorprendente. Hasta mediados de 2012 el funcionamiento correcto de este modelo de desarrollo se debió en gran parte a que el editor de ambos documentos era la misma persona, el físico suizo-británico Ian Hickson que actualmente (septiembre de 2014) trabaja en Google. Pero en julio de 2012 Hickson dejó de ser el editor del W3C para centrar su trabajo en el WHATWG, lo que genera dudas sobre cómo se resolverán las diferencias que vayan apareciendo en el futuro o si el W3C decide dejar de basarse en el borrador del WHATWG.
Finalmente, el 28 de octubre de 2014 se publicó la recomendación HTML5: Vocabulario y APIs asociadas para HTML y XHTML. En diciembre de 2014 se publicó la nota diferencias entre HTML4 y HTML5.
Actualmente (noviembre de 2014) el WHATWG prosigue su desarrollo continuo del HTML y el W3C, de acuerdo con su plan de trabajo para 2014, ha comenzado a elaborar la recomendación HTML 5.1 (para publicar a finales de 2016) y planificar las siguientes versiones (por ejemplo HTML 5.2 se iniciará en 2015).

Tomado de: https://www.mclibre.org/consultar/htmlcss/otros/otros_historia.html. Año 2015

Opinión

Tomada de: https://lbkbd.in/tag/html-tutorial/. Año 2015

Html básicamente surgió con la necesidad de implementar una serie o cantidad de marcas o etiquetas estandarizadas y generalizadas para la creación de páginas web, su creador fue Berners-Lee, quién en principio solo adjunto en el html una cantidad muy reducidad de marcas.

Con el paso del tiempo, la evolución y demanda de la web, y el surgimiento de nuevos estandares se fue reemplanteando las marcas que poseía html en un principio, con el fin de mejorar, hacer más comodo el trabajo y optimo, permitiendo implementar imagenes, hiperenlaces, entre otros. Desde entonces ha evolucionado hasta conseguir la más reciente versión llamada Html5, la cual tiene una mayor versatilidad e interactividad. 

En el vídeo se hac una rápida descripción de lo que es html, como surgi´´o y como ha evolucionado a través del tiempo

Estructura de una página en Html5

Comencemos hablando de semantica, y por su puesto la pregunta obvia es ¿ Que es la semantica ? La semantica no es mas que el significado que les damos a las palabras. Dejando a un lado esto hablemos un poco de la importancia en la semantica de HTML, sucede que el lenguaje esta hecho para que cada “etiqueta HTML” signifique algo, es así que el explorador sabe que pasa cuando encuentra un <img>, sabe que es una imagen, o cuando encuentra un <p> sabe que es un párrafo etc… Lo mismo sucede con los buscadores, es por eso que para un buscador es mas importante un <h1> que un <p>.

Con forme han pasado los años y la web ha evolucionado se han “depreciado” algunas etiquetas HTML y se han implementado nuevas, con la llegada de HTML5 las nuevas etiquetas semánticas, son mas precisas, y cumplen funciones que no se habían tomado en cuenta anteriormente, como por ejemplo la llegada de la etiqueta <nav> que es donde debemos poner nuestro menu.

Todo esto es muy interesante per seamos un poco prácticos, empecemos haciendo la estructura basica de un sitio web en HTML5, asi que abramos nuestro explorador de preferencia, y creemos un archivo .html

Recordemos que HTML es un tipo de documento, no un programa, asi que lo primero es declarar el tipo de documento que vamos a usar, en versiones anteriores a HTML5 de usaban una seria de cosas muy feas 

ejemplo HTML 4 Transicional

Doctype en HTML5

Como pueden ver es bastante facil, así que ya le dijimos a el explorador que eso es un documento HTML5 ahora toca comenzar a escribir el documento eso lo hacemos con la etiqueta <html> a la cual le pondremos un atributo “lang” en este atributo pondremos el idioma que preferimos en nuestro caso “es”. Recordemos que en HTML5 debemos cerrar todas las etiquetas de la siguiente manera.

Espero hayan notado dos cosas, la primera, como escribí el doctype, y es que en HTML5 este se puede escribir en altas, bajas o mesclado como tipo “metro%$&·$%”, perdón por la grosería.

La otra es que dentro de la etiqueta <html> escribí un  texto que no debe aparecer, y es que esta es la syntaxis para los comentarios, así que si guardan esta pagina y la ejecutan en su explorador no debería salir nada hasta el momento.

Estructura basica de una pagina HTML5

<head>: Nos delimita el encabezado de la pagina, el contenido de esta etiqueta no se ve pero es muy importante ya que es donde declararemos hojas de estilos o CSS  ( siguiendo este curso veremos CSS3)

<body>: dentro de body tendremos el contenido visible del sitio

Tomado de:https://www.tumaestroweb.com/html5/estructura-basica-de-una-pagina-web-en-html5/.Año 2015

Ejemplo de estructura global con HTML5

Doctype

En primer lugar, tenemos que indicar el tipo de documento que estamos creando. En HTML5 esto es muy sencillo:

Esta línea deberá ser la primera línea del documento, sin espacios ni líneas previas. Esto es una manera de activar el modo estándar y forzar a los navegadores a interpretar el HTML5 siempre que sea posible, o a ignorarlo cuando no lo sea.

Después de declarar el tipo de documento, se construye la estructura del árbol con HTML. El elemento raiz del árbol es el elemento

. Este elemento engloba todo el código HTML.

El atributo lang en la etiqueta de inicio

es el único atributo que debemos especificar en HTML5. Este atributo define el lenguaje del contenido del documento que estamos creando- en este caso, es para español.

HTML5 es muy flexible con respecto a la estructura y los elementos utilizados en su desarrollo. El elemento

puede ser incluido sin atributos o no ser incluido.

Sin embargo, por compatiblidad y otras razones, se recomienda seguir unas reglas básicas. En este tutorial vamos a aprender como construir un documento HTML siguiendo un manual de buenas prácticas.

Sigamos con la construcción de nuestra plantilla. El código HTML incluido en las etiquetas

tiene que estar dividido en dos secciones principales. Como ya ocurría en versiones anteriores de HTML, la primera sección es el "head" y la segunda el "body". El siguiente paso, por tanto, es crear dos secciones en el código, utilizando esos dos elementos;y

.

El elemento

va en primer lugar, y como el resto de los elementos estructurales, tiene un tag de apertura y otro de cierre. 

El "tag" no ha cambiado con respecto a otras versiones y su función es la misma. Dentro de los "tags"

, definiremos el título de nuestra página, declararemos la codificación de caracteres, incluiremos cualquier información general que queramos sobre el documento, e incorporaremos archivos externos con los estilos, scripts o incluso imágenes necesarias para mostrar la página.

A excepción del título y algunos iconos, el resto de la información incluida en el documento dentro de las etiquetas

no será visible.

La siguiente sección que forma parte de la organización principal del documento HTML es el "body". Este "cuerpo" es la parte visible del documento y viene especificado con la etiqueta

.

Esta etiqueta no ha cambiado con respecto a las versiones anteriores de HTML:

A continuación vamos a desarrollar la cabecera del documento. Existen algunas modificaciones e innovaciones dentro de esta sección, y una de ellas es la etiqueta que define la codificación de los caracteres del documento. Es la etiqueta meta y especifica como se debe presentar el texto dentro de la pantalla.

La modificación para este elemento de HTML5, es como en muchos casos, una simplificación. La etiqueta meta nueva para la codificación de caracteres es más corta y más simple. Igualmente, se puede cambiar utf-8 por la codificación que se prefiera, y se pueden añadir otras etiquetas meta como "description" o "keywords", tal y como se ve en el ejemplo que tenemos a continuación:

Nota: Como vemos, la etiqueta

especifica el tipo y el atributo content declara su valor, pero ninguno de estos valores serán mostrados en la pantalla. 
En HTML5, no es necesario poner una barra de cierre, pero se recomienda por razones de compatibilidad.

La etiqueta

Nota: Normalmente, este texto es mostrado por los navegadores en la parte superior de la ventana.

Otro elemento importante que se incluye dentro de la cabecera es

. Este elemento se utiliza para incorporar estilos, scripts, imágenes o iconos de archivos externos. Uno de los usos más comunes de

, es el de insertar un archivo CSS externo:

En HTML5, ya no hay que especificar el tipo de hoja de estilo que estamos insertando, por lo que el atributo type ha sido eliminado.

Solamente necesitamos dos atributos para incluir nuestro archivo de estilos: rel y href. El atributo rel se refiere a la relación entre el documento y el archivo que estamos incluyendo. En este caso tiene el valor= "stylesheet", lo que le indica al navegador que el archivo edu4javastyles.css es un archivo CSS con estilos necesarios para mostrar la página.

Nota: Una hoja de estilos es un conjunto de reglas de formato que nos va a ayudar a cambiar la presentación de nuestro documento- por ejemplo, el tamaño o el color del texto.

Sin estas reglas, el texto y otros elemento se mostrarán en la pantalla utilizando los estilos estándares suministrados por los navegadores (tamaño y colores por defecto).

Nuestro código se vería así;

Tomado de : https://www.edu4java.com/es/web/html5-estructura-global.html

Opinión:

La estructura de html5 es muy parecida a la usal que trabajabamos en html4 y versiones anteriores, solo que en esta tenemos la posibilidade encontrar una mayor versatilidad en el trabajo web, permitiendonos encontrar etiquetas con más variedad de animaciones, decorados y manejabilidad de multimedia como fotos, videos, etc.