Cosas Interesantes

miércoles, 24 de noviembre de 2010

Cómo funcionan las notas al pie para un libro ePUB según las BBPP LARdT v.1.15

A diferencia del formato FB2 que si incluye en su implementación una funcionalidad específica para la gestión de las notas al pie (ya sean al pie de página o al pie de libro); en ePUB las notas se componen usando la funcionalidad de enlace (link o hipervínculo) típica del HTML.

Montando enlaces recíprocos
De lo que se trata es de que sea un mecanismo de ida y vuelta: pulsando el número de la nota en el texto te llevará a la entrada correspondiente en zona de notas; y recíprocamente; al pulsar en el número de la nota en el pie de libro te llevará de vuelta a la nota de la que partiste, dentro del texto. Es decir hay que crear un enlace desde A a B, y desde B a A. O dicho de otra forma, desde el texto al pie, y desde el pie al texto.
Vamos a analizar el código necesario. Como siempre podéis acceder al código haciendo click en la imagen.
Desde el texto hacia el pie
CLICK para IMAGE image  
<a title="[7]" href="../Text/Notas.xhtml#_ftn7" id="_ftnref7"><span class="MsoPieTXT">[ 7 ]</span></a>
Como veis es el típico enlace “anchor” (<a></a>) con algunos parámetros:
title="[7]" "title" nos sirve para indicar que queremos que se vea en la etiqueta flotante cuando el ratón se posiciona encima del vínculo. Evidentemente, esto sólo tiene aplicación cuando estamos leyendo el libro en un PC y no en un entorno de tinta electrónica.

href="../Text/Notas.xhtml#_ftn7" href , como siempre sirve para indicar la ruta del elemento a enlazar. Como veis es una ruta relativa ya que siempre se refiere al propio libro e indica el nombre del archivo xhtml donde estamos situando el bloque de notas a pie de libro. Siempre colgará del directorio "Text" (elemento obligatorio de la estructura interna del ePUB); y ojo con las mayúsculas/minúsculas. En nuestro caso, el archivo xhtml se llama "Notas". Vemos que además del nombre del archivo ("Notas.xhtml") viene un "#". Este es el indicador de "elemento", es decir que el enlace no va sólo hacia el archivo, sino hacia un elemento concreto dentro de ese archivo; en nuestro caso llamado "_ftn7". Estamos identificando el elemento HACIA el que vamos o HACIA el que enlazamos.

id="_ftnref7  id nos sirve para identificar nuestra nota insertada en el texto como un "elemento" concreto dentro del archivo xhtml en el que está incluido como parte del archivo ePUB. Como veis es un viaje de ida y vuelta que enlaza un elemento de un archivo xhtml con un elemento de otro archivo. Esto es lo que permite que podamos volver al punto exacto del libro (donde se encuentra la llamada de nota) desde el que partimos para ver la explicación de la nota. A nuestra nota dentro del texto le hemos dado el nombre "_ftnref7" para indicar que es la "referencia de la nota al pie (footnote) número 7" pero igualmente podríamos haberla llamado "pericodelospalotes"; nombre más gracioso pero mucho menos práctico. Estamos identificando el elemento DESDE el que vamos o DESDE el que enlazamos.

<span class="MsoPieTXT">[ 7 ]</span></a> Y por último, el texto del enlace desde el que partimos; que como es la nota número 7 pues lo indicamos con "[ 7 ]"; aunque podría ser "(7)", por ejemplo. El "span class" es simplemente el estilo de formato que hace que el texto de la llamada de la nota se vea en azul, negrita y con una fuente un poco más grande que el resto del texto, simplemente para que resalte más. Es importante que utilicemos elementos numerados (1,2,3...) o seriados (A,B,C...) que sean distintivos dentro de un mismo capítulo o página del libro. En los libros en papel, a veces se utiliza la marca "*" para todas las notas; sin diferenciar. No es recomendable porque algunos parsers de los e-readers (SONY, por ejemplo) no son capaces de enlazar desde elemento a elemento, sino desde archivo a archivo. De forma que uno vuelve desde la explicación de la nota al capítulo o parte del libro desde la que partió, pero no a línea exacta. Si encima todas las notas se llaman "*" puede ser difícil saber desde que nota salió uno.
En resumen, el código está diciendo “estoy en _ftnref7 y quiero ir al elemento _ftn7 de la página “Notas.xhtml” 

Vuelta desde el pie hacia el texto

CLICK para IMAGE



CLICK para CODE


<a title="[7]" href="../Text/009.xhtml#_ftnref7" id="_ftn7"><span class="MsoPieTXT">[ 7 ]</span></a> Como podéis comprobar el código es el mismo con la salvedad de que el enlace apunta HACIA la ubicación de la nota dentro del texto; en este caso al archivo "009.xhtml"; y dentro de él a la etiqueta identificadora que utilizamos para distinguir el enlace desde el que vinimos "_ftnref7". Por supuesto, el enlace está definido con el id="_ftn7" que es adonde apuntaba el enlace situado dentro del cuerpo del texto.


En resumen, tenemos la IDA desde la llamada de nota el interior del texto a la explicación correspondiente situada en la zona de notas al final de libro; y la VUELTA desde la explicación situada al final del libro a la llamada situada en el interior del texto. Con esto tenemos asegurada la parte más importante de cara a la experiencia de lectura del usuario: la comodidad de consultar de forma sencilla el contenido de la nota y volver al punto exacto de partida para retomar la lectura.

4 comentarios

  1. Una aportación excelente

    ResponderEliminar
  2. Pero ¿Es válido el método cuando se lee el e-pub con un tablet?... Sería necesario que el link se activara al pulsar con el dedo sobre el texto resaltado... ¿Cómo variaría la expresión?... GRACIAS

    ResponderEliminar
  3. A mí no me funciona el paso de "vuelta": Dandole al [1] en el libro voy a la hoja de notas, pero una vez dentro de las notas.xhtml ya no regreso al punto del que he partido en lectores de Mozilla Firefox, Adobe y Sony. En el mejor de los casos me devuelve al principio del capítulo (p007.xhtml) que contiene la nota.

    Mi código es el siguiente:

    Libro
    Well, Pancho met his match, you know.

    On the deserts down in Mexico.


    And nobody heard his dying words.


    But that's the way it goes.[1]


    La hoja de notas
    [1] Sabéis, Pancho se encontró con alguien como él / en los desiertos de México. / Y nadie escuchó sus últimas palabras. / Pero así es como suele pasar. (N. de la E.).

    ResponderEliminar
  4. A mí no me funciona el paso de "vuelta": Dandole al [1] en el libro voy a
    la hoja de notas, pero una vez dentro de las notas.xhtml ya no regreso
    al punto del que he partido en lectores de Mozilla Firefox, Adobe y
    Sony. En el mejor de los casos me devuelve al principio del capítulo
    (p007.xhtml) que contiene la nota.



    Mi código es el siguiente:



    Libro

    Well, Pancho met his match, you know.

    On the deserts down in Mexico.



    And nobody heard his dying words.




    But that's the way it goes.[1]




    La hoja de notas

    [1] Sabéis, Pancho se
    encontró con alguien como él / en los desiertos de México. / Y nadie
    escuchó sus últimas palabras. / Pero así es como suele pasar.

    (N. de la E.). 

    ResponderEliminar

© Cosas Interesantes