Editorial Craft Bible
Índice y referencias cruzadas
Inicio Estructura del documento Índice y referencias cruzadas
Estructura del documento

Índice y referencias cruzadas

11 reglas W3C CSS GCPM 3 · Adobe InDesign TOCW3C CSS GCPM 3 (leader) · Butterick Practical TypographyChicago Manual of Style · The Book DesignerChicago Manual of Style · W3C CSS GCPM 3
21

Índice y referencias cruzadas

11 reglas
222

Genera el índice desde la jerarquía de encabezados, nunca a mano

Un índice tecleado a mano se desincroniza en cuanto el contenido se mueve: cambian las páginas y los títulos o los números dejan de coincidir. Constrúyelo desde tu estructura de h1h3 para que las entradas, el orden y los números se regeneren solos. En InDesign usa un estilo de TOC; en HTML/CSS Paged Media usa target-counter(); en Word usa tablas de contenido por campos.

Correcto
Autogenerado desde encabezados
1. Introducción3
2. Método7
Al cambiar la paginación se actualizan todas las entradas
Una sola fuente de verdad: el árbol de encabezados.
Evitar
Tecleado a mano
1. Introducción3 → 5?
2. Método7 → 9?
Una edición tardía y los números ya mienten
Cada repaginación lo pudre en silencio.
W3C CSS GCPM 3 · Adobe InDesign TOC
223

Usa líneas guía de puntos y alinea los números a la derecha

Los leaders son la fila de puntos que lleva el ojo del título a su número de página. Solo funcionan si los números caen en una única columna alineada a la derecha con tabular-nums; una lista dispareja y sin guía obliga a rastrear. En CSS Paged Media la entrada genera content: leader('.') target-counter(attr(href), page); en pantalla usa un espaciador flex con border-bottom punteado.

Correcto
Prefacioix
Retícula y márgenes12
Color y perfiles ICC148
Los puntos conectan; los números en una sola columna limpia.
Evitar
Prefacio  ix
Retícula y márgenes    12
Color y perfiles ICC 148
Sin guía y con números dispersos: el ojo se pierde.
W3C CSS GCPM 3 (leader) · Butterick Practical Typography
224

Muestra como máximo 2 o 3 niveles, con sangría

Un índice es un mapa, no todo el territorio: límitalo a 2 o 3 niveles (H1–H2, o H1–H3 en obras de referencia). Árboles más profundos convierten el índice en un muro de texto que nadie escanea. Marca cada nivel con sangría y un peso menor o cuerpo más chico, no con más numeración.

Correcto
3  Preprensa40
3.1  Sangrado42
3.2  Marcas de corte47
Dos niveles, con sangría: legible de un vistazo.
Evitar
3 Preprensa
3.1 Sangrado
3.1.1 Estándar 3mm
3.1.1.1 Tolerancia de corte
3.1.1.1.1 Excepciones
Cinco niveles: un muro que nadie lee.
Chicago Manual of Style · The Book Designer
225

Los números del índice deben ser iguales al folio real

El número del índice es una promesa: debe coincidir con el folio realmente impreso en esa página. Los desajustes vienen de agregar preliminares, reiniciar contadores o repaginar sin regenerar. Tras la paginación final, abre la página destino y confirma que el folio impreso es igual a la entrada del índice, incluida la transición de romanos a arábigos.

Correcto
Índice
Cap. 458
=
58
La entrada 58 cae en el folio 58.
Evitar
Índice
Cap. 458
61
Los preliminares corrieron el cuerpo; el índice no se actualizó.
Chicago Manual of Style · W3C CSS GCPM 3
226

Convierte las referencias cruzadas en enlaces internos, no números congelados

Una referencia como «ver p. 12» queda obsoleta en cuanto la paginación se mueve. En un PDF digital, ancla la referencia al destino con un enlace interno (<a href="#sec-color">) para que el número se genere con target-counter() y el clic salte allí. Conserva el número visible para impresión, pero deja que la herramienta lo calcule.

Ver <a href="#color">Color y perfiles</a>
a::after { content: ' (p. ' target-counter(attr(href), page) ')' }
W3C CSS GCPM 3 (target-counter)
227

Emite marcadores de PDF que reflejen la estructura de encabezados

Los marcadores son el árbol de navegación lateral del PDF; en un documento largo el lector se apoya en ellos más que en la página del índice. Genéralos desde los encabezados con bookmark-level, bookmark-label y bookmark-state: open para que H1 anide H2 y H2 anide H3. El print-to-pdf de Chrome no los emite; usa Prince, Paged.js con post-proceso, o un pase de Acrobat/Ghostscript.

Correcto
1 Preprensa
1.1 Sangrado
1.2 Color
2 Tipografía
Esquema anidado: salta a cualquier parte desde la barra lateral.
Evitar
Sin panel de marcadores
PDF plano: el lector navega a ciegas.
W3C CSS GCPM 3 (bookmark-*) · PDF Association
228

Agrega un índice analítico al final de obras de referencia largas

El índice de contenidos lista la estructura en orden de lectura; el índice analítico o alfabético (al final) lista conceptos de la A a la Z para que el lector encuentre cada mención de un término. Indexa conceptos, no solo palabras: agrupa sinónimos, usa subentradas y da a cada una su folio real. Manuales, libros de texto y obras técnicas lo justifican.

Correcto
sangrado, 42, 47, 118
full-bleed, 44
márgenes de, 45
TAC, 96. véase negro rico
Conceptos de A a Z con subentradas y folios.
Evitar
Referencia de 200 páginas sin índice: buscar hojeando
Sin A a Z: el lector no puede localizar un término.
Chicago Manual of Style (Indexes) · ISO 999
229

Haz clicable cada entrada del índice en el PDF digital

En un PDF de pantalla el índice es un menú: cada entrada debe enlazar a su destino, no solo imprimir un número. Envuelve toda la fila (título, guía y número) en el ancla para que el área de clic sea amplia, y verifica que el enlace sobreviva al export. Chrome convierte <a href="#id"> en un enlace interno funcional; confirma tras generar el PDF.

<a href="#color" class="toc-row">
  Color y perfiles ICC
</a> <!-- toda la fila es clicable -->
Chrome print-to-pdf · PDF Association
230

Inserta el número de página con target-counter(), nunca lo escribas fijo

La función target-counter(attr(href), page) resuelve la página donde cae un elemento enlazado y la imprime en el índice, así los números se recalculan en cada repaginación. Combínala con leader() en el ::after de la entrada. Es una función de CSS Generated Content for Paged Media: Prince y Antenna House la soportan de forma nativa; en el navegador necesitas el polyfill Paged.js (la impresión normal de Chrome no la resuelve).

/* la entrada del índice enlaza al encabezado por id */
.toc a::after {
  content: leader('.') target-counter(attr(href), page);
}
/* 'Color y perfiles ICC ....... 148' */
W3C CSS GCPM 3 · PrinceXML docs
231

Mantén la tipografía del índice coherente con la jerarquía del documento

El índice debe leerse como parte del mismo sistema: usa la familia de texto del documento y refleja la jerarquía H1/H2/H3 con peso, cuerpo y sangría en vez de inventar un estilo nuevo. Nivel 1 más pesado, nivel 2 más ligero y con sangría, nivel 3 aún más chico. Un índice ajeno al interior rompe el mapa mental del lector.

Correcto
Parte II  Color90
Gamut CMYK94
Misma familia; peso y sangría codifican los niveles.
Evitar
Parte II Color .... 90
Gamut CMYK · página 94
Fuentes y formatos al azar: parece otro libro.
The Book Designer · Butterick Practical Typography
232

Regenera SIEMPRE el índice tras cualquier repaginación, antes de exportar

Agregar una imagen, cambiar un cuerpo o insertar un capítulo puede correr decenas de folios, así que el último paso antes de exportar es reconstruir el índice, el analítico y las referencias cruzadas. Con target-counter() o un estilo de TOC de InDesign es automático; con una lista tecleada a mano es una auditoría manual. Luego lee el PDF final y verifica al azar que algunas entradas caen en sus páginas.

Preflight del índice antes de exportar:
1. Repaginar / regenerar TOC + index
2. target-counter() recalcula números
3. Abrir PDF final y cotejar 3-4 entradas vs folio
Adobe InDesign (Update TOC) · Chicago Manual of Style