HTML5-CSS3

¿QUE ES HTML?

Primero, debemos conocer lo que HTML tiene que ofrecernos. Literalmente, las siglas de HTML significan "Hyper Text Markup Language". En palabras mas sencillas, podemos definir a HTML como un diseño de etiquetado para estructurar y presentar el contenido de paginas y sitios web. Su version anterior, HTML4, fue considerado como el lenguaje oficial del diseño web en el año 2000 y tuvo que pasar una decada completa, o quizas un poco mas, para que este diseño de etiquetado se renovara agregando nuevas etiquetas, con nuevas funciones y utilizando menos recursos, ademas de que fue el XHTML (eXtensible HyperText Markup Language) fue dejado de lado.

¿QUE ES HTML5?

Ahora, ya hablando mas propiamente del HTML5, este presento varias novedades para el desarrollo web. Por ejemplo: las etiquetas específicamente diseñadas para insertar contenido multimedia de forma mas sencilla; reducir de forma significativa la dependencia de plug-ins para poder entrar a un sitio web, lo cual genera un gran beneficio para las personas que tuvieran problemas de compatibilidad con el sitio por no tener la ultima versión de Flash, por ejemplo; ademas, de que con este etiquetado se implementa la opción de poder acceder a sitios web sin estar conectados a internet, solamente en algunos caso, implementando también otros factores como la nacionalización: uno de los fuertes esta tecnología.

Algunas nuevas etiquetas agregadas al HTML5 son las siguientes:

article: esta etiqueta sirve para definir un artículo, un comentario de usuario o una publicación independiente dentro del sitio.

header, footer: estas etiquetas individuales ahorran tener que insertar IDs para cada uno, como se solía hacer anteriormente. Además, se pueden insertar headers y footers para cada sección, en lugar de tener que hacerlo únicamente en general.

nav: la negación puede ser insertada directamente en el markup, entre estas etiquetas, que nos permitirán hacer que nuestras listas oficien de navegación.

section: con esta etiqueta, una de las más importantes de las novedades, se puede definir todo tipo de secciones dentro de un documento. Por ponerlo de forma sencilla, funciona de una forma similar a la etiqueta div que nos separa también diferentes secciones.

audio y video: estas son las dos más importantes etiquetas de HTML5, dado que nos permiten acceder de forma más simple a contenido multimedia que puede ser reproducido por casi todo tipo de dispositivos; marcan el tipo de contenido que estará en su interior.

embed: con esta etiqueta se puede marcar la presencia de un contenido interactivo o aplicación externa.

canvas: finalmente, esta etiqueta nos permite introducir un “lienzo” dentro de un documento, para poder dibujar gráficos por vectores; será necesario el uso de JavaScript.

¿QUE ES CSS?

Para comenzar, las siglas de CSS significan "Cascading Style Sheets". Mas claramente, el CSS es elemento complementario de HTML, ya que este describe como los elementos de HTML van a ser desplegados en la pantalla o en cualquier otro tipo de medio audiovisual, ademas de que este ahorra una gran cantidad de trabajo porque puede controlar el diseño de varias paginas a la vez. CSS es una herramienta muy útil debido a que es la parte que nos entrega una gran variedad de modificaciones para el aspecto visual de nuestro sitio web que incluye muchos estilos, diseños y variaciones para la compatibilidad de dispositivos, que esta relacionado con el RESPOSIVE DESING, del cual hablaremos mas adelante.

CSS vino a solventar muchos de los problemas que se tenían al trabajar con HTML simple para lograr un acabado visual interesante. Por ejemplo: el HTML original no poseían etiquetado destinado al formato de paginas web, ya que, HTML solamente describe el contenido de la pagina web y tienen muy pocas variantes de diseño, que no fuesen cambiar el tamaño de los títulos, la fuente y el color, ademas de agregar el texto necesario posterior a este. Para los diseñadores de paginas web, el usar la versión HTML 3.2 con nuevas etiquetas como <font> para los atributos del texto, se tenia que implementar dichas especificaciones para cada pagina por individual, lo cual representaba un aumento del trabajo. Pero luego, el Wide Web Consortium (W3C) creo CSS lo cual ayudo a simplificar el trabajo de diseño.

¿QUE ES CSS3?

CSS3 es la version mejorada de la "Hoja de Estilos En Cascada", que sigue a la versión 2.1 con nuevos estilos y diseños. En una decisión referida como la doctrina Beijing dividió CSS en componentes más pequeños llamados módulos cada uno de estos módulos es ahora una parte independiente del lenguaje y se dirije a la estandarización a su propio ritmo mientras algunos módulos son ya recomendados de la W3C, otros todavía son borradores iniciales también se añaden nuevos módulos cuando se identifican nuevas necesidades, por lo que las actualizaciones de CSS se pueden conseguir según lo que el programador o desarrollador necesita para determinado sitio web.