Qu es HTML5

HTML5 es un lenguaje markup (de hecho, las siglas de HTML

significan Hyper Text Markup Language) usado para estructurar y
presentar el contenido para la web. Es uno de los aspectos
fundamentales para el funcionamiento de los sitios, pero no es el
primero. Es de hecho la quinta revisin del estndar que fue creado
en 1990. A fines del ao pasado, la W3C la recomend para
transformarse en el estndar a ser usado en el desarrollo de
proyectos venideros. Por as decirlo, qu es HTML5 est relacionado
tambin con la entrada en decadencia del viejo estndar HTML 4, que
se combinaba con otros lenguajes para producir los sitios que
podemos ver hoy en da. Con HTML5, tenemos otras posibilidades
para explotar usando menos recursos. Con HTML5, tambin entra
en desuso el formato XHTML, dado que ya no sera necesaria su
implementacin.
HTML4 fue declarado el lenguaje oficial de la web en el ao 2000, y
tom una dcada para comenzar a implementar el desarrollo de su
nueva revisin. Esta nueva generacin de HTML, se dice, pronto
dominar el desarrollo en internet, pero introduce algunos cambios
importantes que veremos dentro de algunas lneas. Por ende, para los
desarrolladores de sitios web es importante conocer las ventajas de
HTML5, considerando que algunas entidades se estn moviendo en
esta direccin. No solamente Google con su navegador Chrome, hace
unos aos, sino tambin Adobe hace unos meses, que removi el
soporte de Flash para Android para dar paso a la llegada de HTML5.
Volviendo a qu es HTML5. Se trata de un sistema para formatear
el layout de nuestras pginas, as como hacer algunos ajustes a su
aspecto. Con HTML5, los navegadores como Firefox, Chrome,
Explorer, Safari y ms pueden saber cmo mostrar una determinada
pgina web, saber dnde estn los elementos, dnde poner las
imgenes, dnde ubicar el texto. En este sentido, el HTML5 no se
diferencia demasiado de su predecesor, un lenguaje del cual
hablamos hace algunos meses en nuestra gua bsica de HTML. La

diferencia principal, sin embargo, es el nivel de sofisticacin del

cdigo que podremos construir usando HTML5.

Cules son sus novedades

En trminos de Markup, el HTML5 introduce algunos elementos que
hacen que se aggiorne a los tiempos que corren. As, muchas de las
novedades estn relacionadas con la forma de construir websites que
se tiene en la actualidad. Una de las ms importantes novedades est
relacionada con la insercin de multimedia en los sitios web, que
ahora contarn con etiquetas HTML especiales para poder ser
incluidos. Por otro lado, algunos aspectos de diseo tambin son
incluidos en el lenguaje, as como tambin algunos detalles de
navegacin. Veremos todo esto en algunas lneas.
Con el uso de HTML5, se puede reducir la dependencia de los plugins que tenemos que tener instalados para poder ver una
determinada web. Caso emblemtico, el de Adobe Flash, que se ve
claramente perjudicado por la instauracin de este estndar. Por otro
lado, fue un avance importante para dispositivos que de forma nativa
no soportaban Flash, y que no soportaban tampoco plug-ins
necesarios para hacerlo. Otro caso emblemtico, el del iPhone. Pero
adems, con HTML5 se ampla el horizonte del desarrollo de
aplicaciones que pueden ser usadas en una multiplicidad de
dispositivos.
Gracias a HTML5, los usuarios pueden acceder a sitios web de manera
offline, sin estar conectados a internet. Se suma tambin la
funcionalidad de drag and drop, y tambin la edicin online de
documentos ampliamente popularizada por Google Docs. La
geolocalizacin es uno de sus puntos fuertes, pero por otro lado, las
etiquetas diseadas especialmente para el audio y el video ahorran la
necesidad de tener que tener un plug-in de Flash y, al mismo tiempo,
asestan un golpe mortal al producto de Adobe, que cada vez se est
usando menos. Sin embargo, es importante destacar que Flash sigue
siendo utilizado y HTML5 todava no hizo el salto grande, aunque
est en camino.

Las nuevas etiquetas

El lenguaje HTML funciona a travs de marcas de sentido llamadas
etiquetas. Las etiquetas son la herramienta fundamental para que los
navegadores puedan interpretar el cdigo y permitirnos ver
imgenes, texto, prrafo, y estructuras. Los navegadores vendran a
ser como traductores de las etiquetas, y con HTML5, se
agregan nuevas etiquetas para utilizar que nos ahorran el uso de
otros productos que se usaban para complementar y hacer cosas que
con el simple HTML no se podan hacer. HTML5 fue creado para hacer
que el proceso de escribir el cdigo sea ms simple y ms lgico, por
decirlo de una forma. Lasintaxis de HTML5 se destaca, como dijimos,
en el mbito multimedia, pero son bastantes las etiquetas
introducidas para generar una mejora.
La idea detrs de HTML5 es que podamos visualizar el contenido
multimedia variado que podemos encontrar en internet an cuando
nos encontramos en dispositivos de gama baja que no podran
soportarlo cuando tienen que instalar infinidad de plug-ins. No
solamente contamos con etiquetas especiales como audio, video y
canvas, sino tambin integracin con contenidos de grficos en
vectores (que anteriormente se conoca como la etiqueta object. Con
estas etiquetas, los usuarios pueden consumir videos y canciones, por
ejemplo, sin necesidad de instalar nada de forma adicional.
Las ms importantes de las nuevas etiquetas creadas son:

article: esta etiqueta sirve para definir un artculo, un

comentario de usuario o una publicacin independiente dentro
del sitio.

header, footer: estas etiquetas individuales ahorran tener que

insertar IDs para cada uno, como se sola hacer anteriormente.
Adems, se pueden insertar headers y footers para cada seccin,
en lugar de tener que hacerlo nicamente en general.

nav: la negacin puede ser insertada directamente en el

markup, entre estas etiquetas, que nos permitirn hacer que
nuestras listas oficien de navegacin.

section: con esta etiqueta, una de las ms 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 tambin diferentes
secciones.

audio y video: estas son las dos ms importantes etiquetas de

HTML5, dado que nos permiten acceder de forma ms 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 aplicacin externa.

canvas: finalmente, esta etiqueta nos permite introducir un

lienzo dentro de un documento, para poder dibujar grficos por
vectores; ser necesario el uso de JavaScript.

Hay otras etiquetas inauguradas por HTML5 pero destacamos estas

por la innovacin que introducen en nuestro cdigo. Las etiquetas a
las que estbamos acostumbrados, por otro lado, introducen un
nuevo funcionamiento. El caso ejemplo es el de las etiquetas header y
footer, que, como dijimos, ahora permiten separar las secciones, y no
solamente el comienzo y el fin de una pgina. El funcionamiento
del DOCTYPE tambin se renueva, siendo mucho ms simple de usar
y menos engorroso. No vamos a explayarnos demasiado en este
sentido, dado que, como dijimos, nos estamos orientando a
principiantes y curioso, pero con HTML5 vamos a poder escribir
mucho menos.
Ya repasamos qu es HTML5, y cules son sus usos principales y sus
innovaciones ms importantes. Para los diseadores, es algo que
debera, y de hecho, ya se est haciendo, implementarse
inmediatamente. Las posibilidades son muchas. Esperamos poder
haber aclarado algunas dudas importantes, o haber despertado algo
de curiosidad para que averigen ms.

DEFINICIN O CONCEPTO DE LENGUAJE CSS

CSS es un lenguaje utilizado en la presentacin de documentos HTML.
Un documento HTML viene siendo coloquialmente una pgina web.
Entonces podemos decir que el lenguaje CSS sirve para organizar la
presentacin y aspecto de una pgina web. Este lenguaje es
principalmente utilizado por parte de los navegadores web de internet
y por los programadores web informticos para elegir multitud de
opciones de presentacin como colores, tipos y tamaos de letra, etc.
La filosofa de CSS se basa en intentar separar lo que es la estructura
del documento HTML de su presentacin. Por decirlo de alguna
manera: la pgina web sera lo que hay debajo (el contenido) y CSS
sera un cristal de color que hace que el contenido se vea de una
forma u otra. Usando esta filosofa, resulta muy fcil cambiarle el
aspecto a una pgina web: basta con cambiar el cristal que tiene
delante. Piensa por ejemplo qu ocurre si tienes un libro de papel y lo
miras a travs de un cristal de color azul: que ves el libro azul. En
cambio, si lo miras a travs de un cristal amarillo, vers el libro
amarillo. El libro (el contenido) es el mismo, pero lo puedes ver de
distintas maneras.
Algunas opciones bsicas del lenguaje CSS por ejemplo pueden ser el
poder cambiar el color de algunas tpicas etiquetas HTML como <H1>
(h1 es una etiqueta en el lenguaje HTML destinada a mostrar un texto
como encabezado, en tamao grande). Pero tambin hay funciones
algo ms complejas, como introducir espaciado entre elementos
<DIV> (div es una etiqueta HTML para identificar una determinada
regin o divisin de contenido dentro de una pgina web) o
establecer imgenes de fondo.
CSS es muy intuitivo y sencillo una vez se llega a aprender, ya que
para su definicin siempre se hace uso de un identificador de etiqueta
HTML (como por ejemplo <H1>), y luego indicamos con qu aspecto
queremos que se muestren todas las etiquetas <H1> que aparezcan
en un documento. Al igual que con <H1> podemos definir cmo
queremos que se muestren las distintas partes del documento HTML,
pudiendo en cada caso definir sus propiedades (color, tipo de fuente,
tamao, espacio, imagen) con algn determinado valor deseado.