Recuento 2006

“The best of” Yukei 2006, el listado de lo que considero mis mejores artículos del año que termina

Un año más… y ha llegado el momento de hacer un repaso de lo mejor de este año, al menos de lo que ha pasado en este blog. En este recorrido, intento rescatar los mejores posts de este año:

XHTML, CSS y Desarrollo Web

  • [XHTML Semántico aplicado a listas->]
  • [Semántica en clases e ids->]
  • [Controlando tus fuentes con CSS->]
  • [Evaluar un sitio Web->]

Serie sobre Xubuntu

  1. [Coqueteando con Xubuntu (I)->]
  2. [Xubuntu (II): La instalación->]
  3. Xubuntu (III): ¡Funciona!
  4. [Xubuntu (IV): Compartir Internet->]
  5. [Xubuntu (V): Software->]
  6. [Xubuntu (VI): Más software->]
  7. [Xubuntu (VII): Síntesis y evaluación final->]

Varios

  • [Mac versus PC en la edición multimedia->]
  • [Cuatro mitos sobre Microsoft e Internet->]
  • [Enlaces de del.icio.us en tu blog->]
  • [FLAC: audio sin pérdidas->]
  • [Personalizar el tablero de WordPress->]

XHTML Semántico aplicado a listas

Este artículo pretende ejemplificar el concepto de semántica en XHTML mediante la utilización de los distintos tipos de listas: ordenadas, desordenadas y listas de definiciones

La semántica, en una definición general, se refiere a la significación de las palabras (según la definición otorgada por el diccionario de la RAE).

Aplicada al desarrollo web, cuando hablamos de semántica nos estamos refiriendo al significado que tienen las etiquetas que ocupamos en el marcado del código —puesto de otra manera más extensa: el XHTML es un lenguaje de marcado estructural, es decir, cada elemento tiene una determinada significación en relación con su función dentro del documento, que responde a las caracerísticas del texto marcado.

De forma aún más sencilla, con un ejemplo: en XHTML existe una etiqueta llamada <em>, que (al contrario de lo que muchos piensan), no es para que el texto salga en cursivas, aunque sí produce ese resultado. El propósito de la etiqueta <em> es dar énfasis, su presentación es secundaria en relación con su función estructural; por ende, desde un punto de vista exclusivamente semántico (más bien, de la semántica del código), da absolutamente lo mismo que dicho texto se muestre en cursivas o no: puede estar con un color o un fondo distinto, con cursivas o como texto normal. Claro que eso es llevar las cosas a un extremo, puesto que la semántica del código no es lo único que debería preocuparnos: tradicionalmente, un texto en cursivas se destaca del texto que lo rodea, por lo tanto, lo enfatiza. En este caso, la presentación visual y el marcado van de la mano —sí, si me preguntan, no me creo completamente ese cuento de que es posible separar completamente presentación de contenido; es más, creo que existen elementos semánticos en la presentación.

Dejemos esto de lado y vamos a lo que promete el título de este artículo: XHTML semántico aplicado a las listas. Para ello, presentaré las etiquetas que se contemplan en XHTML 1.0 para marcar las listas de elementos, tratando de marcar bien la diferencia entre ellas.

Continue reading “XHTML Semántico aplicado a listas”