La potencia de HTML5 y CSS3, sus novedades

 

 

 

 

 

 

HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis para HTML: un «clásico» HTML (text/html), la variante conocida como HTML5 y una variante XHTML conocida como sintaxis XHTML5 que deberá ser servida como XML (XHTML) (application/xhtml+xml). Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo.

CSS3, en diferencia a CSS2, que fue una gran especificación que definía varias funcionalidades, está dividida en varios documentos separados, llamados “módulos”. Cada módulo añade nuevas funcionalidades a las definidas en CSS2, de manera que se preservan las anteriores para mantener la compatibilidad.

¿Como surge HTML5?

  • Por la necesidad de crear una especificación adecuada a las necesidades del mundo real moderno.
  • Por la necisidad de crear un estandar abierto para Aplicaciones Web.
  • Como iniciativa de Apple, Mozilla, Opera y Otros.
  • La preocupación hacerca del rumbo del XHTML de W3C, y su poco interes en HTML
  • Como soporte de nuevos atributos de etiquetas existentes
  • Como necesidad de nuevas etiquetas para una web más semantica


Novedades:

  • Nuevas etiquetas semánticas.
  • Depreciación de viejas etiquetas.
  • Soporte nativo de multimedia.
  • Sintaxis simplificada (la codificacion es menos declarativa en 60% aprox.).
  • Formularios mejorados y canvas.
  • Las etiquetas son insensibles a mayusculas y minusculas

Nuevos Elementos:

Article, aside, audio, canvas, comand, dialog, datagrid, datalist, datatemplate, embed, event-source, figure, footer, header, mark, meter, nav, nest, output, progress, source, time, video y muchos otros.

¿Cuales son las novedades de CSS3?

  • Capacidades visuales avanzadas.
  • Hojas de estilo aural.
  • Sombras, Bordes y fondos.
  • Mejor soporte para fuentes.

Un ejemplo de la potencía de HTML5 y de CSS3:

Enlace del ejemplo

Enlace del proyecto