Metadatos

Descripción

El diseño puede especificarse con uno de los siguientes campos de metadatos:

1) <meta property="rendition:layout">prepaginated</meta>

2) <meta name="fixed-layout" content="true"/>

Obligatorio. Identifica si el libro tiene un formato fijo.

Los valores válidos de metadatos de rendition:layout son reflowable o pre-paginated. El valor predeterminado es reflowable.

Los valores válidos de metadatos para fixed-layout son true o false. El valor predeterminado es false.

<meta name="original-resolution" content="1024x600"/>

Obligatorio. Identifica la resolución de diseño original del contenido (“1024x600” es solo un ejemplo). Las dimensiones del píxel pueden tener cualquier valor positivo entero. Estos valores deben igualar la relación de aspecto global del contenido original.

La orientación puede especificarse con uno de los siguientes campos de metadatos:

1) <meta property="rendition:orientation">lands cape</meta>

2) <meta name="orientation-lock" content="landscape"/>

Opcional.

Los valores válidos de metadatos de rendition:layout son

portrait, landscape, o auto. Esto fija la orientación del libro en modo horizontal o vertical. Si el valor es auto, se admitirá tanto el modo horizontal como el vertical. El valor predeterminado es auto.

Los valores válidos de metadatos de orientation-lock son portrait, landscape o none. Esto fija la orientación del contenido en modo horizontal o vertical. Si el valor es none, se admitirá tanto el modo horizontal como el vertical. El valor predeterminado es none.

Amazon le recomienda que desbloquee la orientación cuando el texto permita la lectura tanto en horizontal como en vertical.

<meta name="primary-writing-mode" content="horizontal-rl"/>

Opcional. Define el orden de renderización de la página, el modo de lectura y la navegación del lector (como el texto emergente Kindle, la vista de viñeta y los paneles virtuales). Los valores válidos son horizontal-lr, horizontal-rl, vertical-lr y vertical-rl. El valor predeterminado es horizontal-lr.

<div class="page" id="p3">

<div class="pimg" id="img_003"/>

<p id="p3_2" class="ptxt">A veces salgo a la calle

<br />a investigar. Lo investigo todo.

<br/>Olisqueo las piedras. Mordisqueo las hojas. Nunca

<br />se sabe.

<br/>Tengo que estar siempre alerta.<br/></p>

</div>

</div>

.ptxt{
font-family: "billy";
font-size: 450%;
line-height: 95%;
position: absolute;
top: 0%;
left: 2.35%; }

<div class="page" id="p3">

<div class="overlay" id="o3_1">¡Hola,</div>

<div class="overlay" id="o3_2">me</div>

<div class="overlay" id="o3_3">llamo</div>

<div class="overlay" id="o3_4"></div>

<div class="overlay" id="o3_5">Rufo!</div>

</div>

.overlay{

position: absolute;
font-family: "billy";
opacity: 0;
color: red;
font-size: 500%;
line-height: 107%;
text-align: center;
}

…

#o3_1{top: 39.5%; left: 6.7%; font-size: 450%; }

#o3_2{top: 41,5%; left: 15,5%; font-size: 450%; }

#o3_3{top: 44,2%; left: 24,5%; font-size: 500%; }

#o3_4{top: 44,1%; left: 4,2%; font-size: 450%; }

#o3_5{top: 46,6%; left: 9,9%; font-size: 500%; }