¿Qué es el HTML5?

HTML5 es una combinación de nuevas etiquetas de markup (lenguaje) HTML, propiedades CSS3, JavaScript y algunas tecnologías complementarias de apoyo, pero que técnicamente son independientes de la propia especificación HTML5.

Podemos definir la especificación HTML5 como nuevos elementos de markup o sintaxis, utilizados por los diseñadores para crear páginas web junto con las etiquetas utilizadas a día de hoy.

Novedades

La familia HTML5 incluye las nuevas etiquetas y tecnologías como CSS3, Geolocalización, Almacenamiento Web (Web Storage), Web Workers y Web Sockets entre otras. Todas ellas suponen una actualización de gran potencia al conjunto de herramientas ya existente, y con ellas se pueden crear páginas web más sofisticadas y útiles.

Video y Audio

La especificación HTML5 incluye etiquetas que nos permiten integrar contenidos multimedia sin necesidad de complementos de navegador. Las etiquetas <video> y <audio> sirven para integrar video y audio en las páginas web de la misma forma que actualmente se hace con los archivos de imagen utilizando la etiqueta <img>.

Ejemplo

Canvas

El elemento canvas funciona a modo de superficie de dibujo dentro de una página web (de ahí le viene el nombre). Dentro de esta superficie de dibujo podemos crear formas con colores, gradientes y patrones de relleno. Podemos manipular los pixels de forma interactiva en pantalla, mostrar textos y exportar los contenidos hacia archivos de imagen estática, como .PNG. Podemos también utilizar JavaScript o las nuevas funciones de animación de CSS3 para que los objetos que creamos puedan moverse, desaparecer, cambiar de tamaño, etc.

Ejemplo


          <canvas id="myCanvas"></canvas>
          <script>
          
            var canvas = document.getElementById ("myCanvas"),
          
          context = canvas.getContext("2d");
          
            // x = 10, y = 20, width = 200, height = 100
          
          
            context.fillRect(10, 20, 200, 100);
          
          </script>

Ejemplo de canvas

Tags obsoleta/mejoradas

Parte de las convenciones de HTML5 también es volver obsoletas ciertas tags que eran poco utilizada, que fueron reemplazadas por tags mejores o mismo mejoradas, como por ejemplo <i> → <em>, que no solo pone el texto en negritas, sino que también agrega énfasis en la lectura de texto para gente que navega con discapacidad visual.

Geolocalización

Uno de los mayores cambios fue la oportunidad de acceder a la ubicación geográfica del usuario, lo que facilita mucho tareas como búsqueda de sesiones de cine cerca de un usuario o cosas más complejas cómo calcular rutas por Google Maps, por ejemplo. Todo eso se puede utilizar a través de las nuevas APIs de HTML5.

Otros cambios

Formularios Web
Web Workers
Almacenamiento Web
CSS3: Animaciones y transiciones
CSS3: Fondos, bordes, colores RGBa, gradientes, sombreados y esquinas redondeadas
Tipos de letra **@font-face** para la web

Se vale notar que no hay una versión final de HTML5, sino que es un proyecto que está cambiando de manera continua, cada vez más agregando nuevas tecnologías y funcionalidad.

Conclusiones

Gabriel Oliveira Galvão do Vale (1889469)

En esa práctica pude aprender más sobre el significado de la diferencia entre el HTML que conocíamos desde los 90 con la mayoría de las páginas que eran enseñados en las escuelas y el nuevo HTML, todas las funcionalidades que pusieron y las posibilidades que eso nos trae, en específico me llamó mucho la atención la tag de <canvas>, que como su propio nombre dice, es un canvas para poder dibujar cualquier cosa en una página web (y en conjunto con javascript y css se pueden hacer animaciones increíbles en cualquier navegador).

Alejandro Villarreal Dimas (1738557)

Sin HTML no existiría el Internet que hoy conocemos, si no se hubiera inventado, seguiríamos con el aburrido FTP (Protocolo de Transferencia de Ficheros) mandándonos o bajando archivos que a veces ni sabíamos lo que eran. Ahora por medio de una página llena de colores y botones por la cual se puede navegar, se puede tener acceso a bastante información y archivos. El lenguaje de HTML abrió una puerta al mundo permitiéndole a las personas expresar sus ideas por medio de páginas y mostrárselas a todas las personas de todos los países. Todo el universo de Internet se lo debemos al HTML, ya que todas las páginas con las que se compone la World Wide Web están hechas con el lenguaje de programación HTML.

Luis Manuel Donias Lugo(1449006)

En lo personal html es una herramienta muy importante en el internet ya que facilito la forma de expresarse en paginas web, en esta practica se vio la diferencia entre HTML en los años 90`s con la version actualizada que tenemos hoy en dia como HTML5 que incluye diversos etiquetas actualizadas que nos permiten interactuar mejor con las paginas web y al gusto del que lo usa. Gracias a esta herramienta (HTML)el internet se mira mucho mejor que en los 90`s.