miércoles, 12 de marzo de 2014

1. Etiquetas semánticas (Semantic Tags)


¿Qué son las Etiquetas semánticas?

Las etiquetas semánticas son aquellas que dan significado a las partes de una web. Ésta es la gran diferencia con las antiguas definiciones del lenguaje HTML, donde las etiquetas nos daban poca información de las partes de un sitio.

Dentro de estos elementos podremos incluir información que podría ser utilizada por los buscadores para indexar más correctamente los contenidos de la página.

Etiquetas semánticas estructurales

En HTML tenemos una etiqueta 'HEADER' que engloba la información y elementos de la cabecera de la página. También tenemos una etiqueta 'FOOTER', que engloba la información y elementos del pie de página. Y en el cuerpo podemos representar varias etiquetas, como por ejemplo: 'SECTION', 'ARTICLE' o 'ASIDE'. Otra etiqueta que deberíamos tener en cuenta es la etiqueta 'NAV', que representa elementos de navegación.

Esta estructura surgió a base de ver que se repetía una y otra vez. Ésto nos proporciona una idea de como poder organizar nuestra web.


Nota: Las etiquetas semánticas nos dan información de los elementos de una web, pero no los posicionan. Para definir el diseño y posición de los elementos de una web usaremos los CSS, que veremos más adelante.

Y hasta aquí el primero de los cinco mini-articulos.

Saludos!
Hola a tod@s!

Para empezar voy a escribir 5 mini-artículos referentes al HTML5:


  1. Semantic Tags
  2. Forms
  3. Audio / Videos
  4. Canvas
  5. SVG

Nos vemos por aquí!
Saludos!

martes, 11 de marzo de 2014

Hola amig@s!

Espero que ésta sea la primera de muchas entradas en este Blog.

La idea principal, es compartir con mis compañeros de la UOC, del grado de multimedia, información o técnicas para la asignatura "Lenguajes y estándares Web".

Pero espero, que a la larga, esto se haga más grande y sea un Blog global. Y podamos abordar otros temas de desarrollo además del HTML5.

Un saludo!