Escribir HTML semánticamente correcto implica usar cada etiquetas con el propósito para el cual fue diseñada y no según el aspecto que estas tengan en los navegadores.

Pero, ¿para qué es necesario que el HTML sea semántico? ¿No es suficiente con que se vea correctamente en todos los navegadores?

Cuando usas las etiquetas HTML correctamente estás proporcionando al navegador, sea del tipo que sea, información sobre qué es el contenido que está leyendo, por lo tanto podrá identificarlo y usarlo más eficientemente. Esto tiene diferentes tipos de ventajas.

Accesibilidad

El HTML semántico es más fácil de interpretar para los agentes de usuario lo que permite que sea mostrado mejor en diferentes tipos de soportes como móviles, PDA's, navegadores por voz, etc lo que permite acceder a los contenidos incluso a personas que tengan algún tipo de discapacidad aumentando tu público objetivo.

SEO

Los motores de búsquedas necesitan entender el contenido de la página para ser capaces de evaluarlo y clasificarlo. Por medio del uso de HTML semántico, los motores de búsqueda, son capaces de entender mejor la estructura del documento y el significado de su contenido lo que mejora su posición en los resultados de búsqueda.

Crossbrowser

Ya que estamos usando las etiquetas HTML para el propósito para el cual fueron diseñadas, los navegadores tendrán más información sobre el contenido de esas etiquetas por lo que mejoraras la forma en la que se visualizan, e interactuan con el navegador, además de asegurar que la mayoría de los navegadores traten a ese contenido de la misma manera.

Mantenimiento

Ante todo, cuando escribimos HTML semántico estamos escribiendo HTML bien estructurado, lo cual facilita la lectura y edición del marcado. Por lo tanto, estaremos ahorrando tiempo y dinero cuando otras personas tengan que editar nuestro documento.

Ya que no contiene etiquetas que definen su aspecto, sólo aquellas que definen su significado, es más fácil de cambiar su aspecto intercambiando las hojas de estilo para cada tipo de agente de usuario.

Además, al usar únicamente las etiquetas que son semánticamente necesarias, nuestro documento HTML será más pequeño, más rápido de descargar, y más rápido de leer para los agentes de usuario.

Cómo escribir HTML semántico

No hay una manera automática de comprobar si el HTML de tu página es semántico,  ya que no es suficiente con que sea válido según el estándar. Para ello es necesario:

1. Eliminar cualquier etiqueta que haga referencia al aspecto que tendrá el contenido como las etiquetas font, center o align.
2. Asegurarse de que las etiquetas que estamos usando describen su contenido y que hemos dejado la presentación en manos de las hojas de estilo, para ello puedes desactivar las hojas de estilo de tu navegador o usar uno sin soporte para hojas de estilo como lynx. Si puedes seguir leyendo el contenido probablemente tu HTML sea semánticamente correcto.

Si eres legal, comparte!

Ese es el título de la acción promovida por los chicos de hacktivistas que pretende combatir la nueva campaña del ministerio de cultura en donde se llega a afirmar que el intercambio entre usuarios de material cultural sujeto a copyright es delito, aún no existiendo animo de lucro. También denuncian una campaña de los lobbies de la industria cultural para especular con la era digital, y citan a todo el que quiera asistir a interacambiar material protegido por la Ley de Propiedad Intelectual sin animo de lucro, frente a la sede del PSOE en Madrid, C/ Ferraz 70 el próximo sábado 20 de Diciembre a las 12h.

Desde aquí todo mi apoyo a esta campaña.

Por fin, depués de demasiado tiempo, el proyecto re[t]aguar[d]ia saca a la calle re[t]aguar[d]ia#1. Este primer número nace de las manos Antonio Barcia García junto a José Joaquín González Gómez, Manuel María López Luque, Eduardo Martínez Nieto, con la colaboración de La Palabra Itinerante, y está dedicado al mundo de la poesía y la fotografía.

Se puede consultar el número en formato flash y pdf , y la licencia de distribución es copyleft de tipo Reconocimiento-No comercial-Compartir bajo la misma licencia.

Mucha suerte a todos los implicados en el proyecto.

El teorema de los monos infinitos afirma que un mono pulsando teclas al azar sobre un teclado casi seguramente podrá escribir finalmente cualquier libro que se halle en la Biblioteca Nacional Francesa.

wikipedia.es

En otra versión del teorema, un mono infinito podría llegar a escribir, por ejemplo, el kernel de linux.

Sin entrar en inocuos debates matemáticos sobre la validez de dicho teorema, la idea de que un mono, por muy infinito que sea, pueda a llegar a escribir una pieza de software tan compleja como el kernel de linux me inquieta.

De echo, si tenemos en cuenta la media de líneas de código diarias que puede escribir un programador al final de un proyecto es difícil de afirmar cuál de los dos es el mono infinito y cuál el programador.

¿Quizás sería mejor reemplazar a los programadores por monos infinitos? de momento, y gracias a la madre naturaleza, los programadores tenemos tiempo para hacernos valer, pero es sólo cuestión de tiempo.

Mejor que no nos despistemos...

Cada vez más usamos internet para relacionarnos con nuestros amigos, por lo que hace falta tener una manera sencilla de representar estas relaciones en la web.

XFN es un microformato que representa estas relaciones utilizando para ello el atributo rel de los enlaces, al que se le asignan unos valores que las representen.

Un ejemplo de ello sería los valores para las relaciones de amistad.

• contact: Alguien con la quién sabes como llegar a él. Suele ser una relación simétrica.
• acquaintanc: Alguien con quién has intercambiado saludos y has mantenido una o dos conversaciones cortas. También simétrico.
• friend: Alguien de quien eres amigo. Un compatriota, un colega, que tu conoces. A menudo simétrico.

Por lo que para construir un enlace a la ficha de un amigo podríamos hacer: <a href="http://11870.com/manueltxo" rel="friend met co-worker">manu</a>

donde met nos indica que se conoce a esa persona fisicamente, y co-worker que es compañero de trabajo.

De esta manera podemos usar los estilos para diferenciar visualmente cada tipo de relación. a[rel~="friend"] {font-weight: bold;} a[rel~="co-worker"] {text-decoration: underline;} a[rel~="acquaintance"] {font-style: italic;}

Se pueden ver como funciona XFN 1.1 utilizando la herramienta visual creador de XFN 1.1 para practicar.

Pero más allá de unos simples estilos, nos permitiría tener un sitio centralizado en donde definir nuestras relaciones (como orkut o Linkedin) a partir de la cual otras puedan obtener esos datos y nos eviten tener que reintroducirlos cada vez que nos demos de alta en un nuevo servicio.