El libro digital por dentro

A lo largo de los años que llevo especializándome en el libro digital, me he dado cuenta de que, aparte de los y las especialistas, muy poca gente sabe realmente cómo es el proceso de su producción y realización. Consecuentemente, qué diferencia hay entre el ePub y otros formatos digitales estándares estáticos como un PDF. Y, en definitiva, por qué es importante apostar por este formato universal para producir obras accesibles. En esta entrada, pues, vamos a analizar el archivo ePub por dentro y comentar brevemente su estructura para entender sus características más destacables.

El archivo

Al ePub (Electronic Publication en inglés) lo deberíamos entender como un archivo comprimido —como lo es, por ejemplo, un .zip— formado de varios archivos con diferentes formatos. A grandes rasgos, el contenido principal del ePub se encuentra dentro de archivos XHTML. Es decir, cada archivo XHTML contiene un capítulo o parte del libro (como puede ser un prefacio, prólogo, introducción, la anteportada y los capítulos). Es importante dividir estas partes en diferentes archivos XHTML, pues así la navegación está mucho más estructurada.

Dentro del ePub encontramos, también, un archivo en formato CSS. El archivo CSS es una hoja de estilos que se encarga de modificar estilográficamente los elementos presentes en los archivos XHTML. En esta podemos determinar, por ejemplo, que el texto se encuentre en una fuente, tamaño y grosor determinados. Pero no solo se puede modificar el texto del libro, también sirve para modificar todos los elementos gráficos y objetos presentes en este: tablas, fórmulas, imágenes, listas, etc.

Finalmente, encontramos un archivo en formato OPF. En este se describen los metadatos del libro, los archivos XHTML, CSS y otros archivos como las diferentes fuentes y su formato y, lo más importante, el orden en el que se leerá el libro.

En la imagen anterior encontramos el archivo .ncx. Este pertenece a la tabla de contenidos que se encuentra integrada al ePub. Más adelante hablaremos de los diferentes mecanismos de navegación y estructuración del ePub.

El archivo XHTML

El HTML es un lenguaje y, como tal, requiere de una estructura semántica. Esta estructura y su jerarquía deben respetarse para mantener —y, en algunos casos mejorar— la accesibilidad de nuestros libros digitales. Por ejemplo, un capítulo de un libro está compuesto de párrafos:

Todos los elementos que se encuentran dentro de dos corchetes angulares se llaman etiqueta. Así, en la imagen anterior, la letra p es la etiqueta de párrafo. Las etiquetas pueden especificarse mejor con lo que se llama atributo. Por ejemplo, si tenemos un párrafo que tiene elementos estilográficos diferentes como la sangría, podemos añadir un atributo de clase y añadir el valor «textoconsangria», como en el ejemplo. La clase sirve para especificar el estilo, que luego se edita desde el archivo CSS.

Otro elemento que ejemplifica muy bien de la estructura semántica del HTML y, a la vez, una buena práctica de accesibilidad, son los títulos: estos se añaden con las etiquetas <h1> hasta el <h6>. El <h1> es el título principal (como sería un título de capítulo) y el h2 puede ser un subtítulo. Es muy importante respetar la jerarquía y que estén presentes de manera ordenada, si se respeta, estamos cumpliendo uno de los requisitos de accesibilidad.

Esta es la primera entrada sobre los conceptos básicos de libro digital. Más adelante comentaremos con profundidad el archivo CSS y el archivo OPF. Si os interesa saber más os animo que visitéis la página web de el W3C (enlace), donde encontraréis toda la información técnica sobre el libro digital.