quinta-feira, 22 de março de 2012

Oficina do eBook: Tags para o Kindle

Aumentar Letra Diminuir Letra


Ao contrário do ePub, principalmente em sua última versão 3.0 o formato Mobi ou AZW próprio do Kindle não responde a uma série de comandos, quando você criar um e-book que visa ser lido em todos os dispositivos é importante ter em mente as limitações que o formato do Kindle apresenta.
Para chegar ao formato final do arquivo você tem várias opções. Uma delas é criar um único documento html, ou vários e utilizar o Mobipocket Creator, entretanto este caminho é bastante complexo, e você precisará de outros arquivos para indicar a parte estrutural do e-book.
Uma segunda forma é criar um e-pub e utilizar o kindlegen, que é distribuído pela própria Amazon para este tipo de conversão, se o e-pub for criado, pensando na conversão ela não ficará ruim.
A última versão do kindlegen pode não ser a ideal pois ela pensa na conversão de epub3 para kf8 a solução é usar uma versão mais antiga ou mesmo o calibre.
Mas volto a dizer para se ter um bom resultado é preciso preparar o código para a conversão e para isso segue a lista de tags html e comandos css que são aceitos.
Os dados abaixo são do formato mobi 7 usado nos Kindle de e-ink para o Kf8 usado no fire veja esta tabela.
A tabela a seguir teve como base esta tabela criada por Joshua Tallent.

HTML

Tags Gerais

<!--...-->

Comentário no código, apenas como referência não é mostrado no livro.

<a>
...</a>

Âncora. É usado para indicar um link com através do atributo href que indica onde esta um link, que
pode apontar para um documento específico, um bookmark, através do uso do
sustenido (#) após o link como neste exemplo (href=".../Text/documento1.xhtml#bookmark")
, ou para um site externo como no exemplo (href=http://www.ebookbr.com)
Também serve para indicar um bookmark através do atributo name como no exemplo (name="bookmark") entretanto se você estiver fazendo
um epub para o kindlegen
use o atributo id como no exemplo
(id="bookmark").

<html>...</html>

As tags que abrem e fecham o documento HTML.

<head>...</head>

Determina a área do cabeçalho e pode conter instruções através de tags como <link>, <title>
e <style> .

<body>...</body>

Determina o corpo do documento.

<hr />

Cria uma barra horizontal com efeito decorativo ou organizacional.

<img src=""
alt="" />

Insere imagens, sendo que o src indica onde está a imagem e o
alt
informa o conteúdo da imagem para fins de acessibilidade.

<mbp:pagebreak/>

Quebra de página. Esta tag é exclusiva do
formato Kindle e indica que o conteúdo após esta tag deve ser exibido em uma nova página.

 Formatação das fontes.

Tamanho da fonte

<small>...</small>

Reduz o tamanho da fonte.

<big>...</big>

Aumenta o tamanho da fonte

 Itálico

<i>...</i>
<em>...</em>

Itálico.

<cite>...</cite>

Indica uma citação (em itálico).

<var>...</var>

Indica o nome de uma variável ou o argumento de um programa.

 Negrito

<b>...</b>
<strong>...</strong>

Negrito

 Lines

<u>...</u>

Sublinhado.

<s>...</s>
<strike>...</strike>

Rasurado.

 Formatações especiais

<code>...</code>

Código de computador.

<kbd>...</kbd>

Texto de teclado.

<samp>...</samp>

Texto de Amostra.

<tt>...</tt>

Texto de Teletipo.

 Outras tags

<span>...</span>

Usado para aplicar um estilo no conteúdo entre as tags.

<sub>...</sub>

Reduz o tamanho da fonte e o coloca abaixo da linha do texto.

<sup>...</sup>

Reduz o tamanho da fonte e o coloca acima da linha do texto.

Paragrafos, etc

<h1>...</h1>
<h1>...</h2>
<h1>...</h3>
<h1>...</h4>
<h1>...</h5>
<h1>...</h6>

Títulos.

<div>...</div>

Divisão ou Seção, é usado para  destacar uma área que receberá uma formatação
diferenciada, mas ao contrário do <span> não
pode estar dentro de um parágrafo.

<p>...</p>

Parágrafo.

<blockquote>...
</blockquote>

Bloco de citação. Cria uma margem esquerda além da margem padrão.

<br />

Quebra de linha.

<center>...</center>

Centraliza o conteúdo entre as tags
horizontalmente.

<ol>...</ol>

Lista Numerada.
Para itens a  tag  <li>.

<ul>...</ul>

Lista com bullets. Para itens a  tag  <li>.

<li>...</li>

Item de uma lista

Atributos

Comumente usados nas tags


class

Chama uma classe de estilo css

id

Usado para criar um bookmark

width

Largura.
Em parágrafos, blocos de citação, Títulos e listas indica o
espaçamento da primeira linha.
Entretando seu uso é desaconselhável se
pretende usar um epub

height

Determina o espaço entre linhas.

style

Permite usar um estílo css
dentro do conteúdo entre as tags.

align

Alinhamento. Permite usar os valores.
left, right, e center.

 CSS Suportados

Fonte

font-size

Determina o tamanho da fonte

xx-small
 x-small
small
medium
large
x-large
xx-large
em
 %

font-style

Determina o estilo da fonte.

normal
italic
oblique

font-weight

Determina se a fonte é em negrito ou normal.

normal
bold

Posicionamento

vertical-align

Determina o alinhamento do elemento em relação à linha do texto sendo
sub alinhado pela base e super
pelo topo

sub
super

 Text

text-align

Alinhamento do texto

left
right
center
justify

text-decoration

Decoração do texto

underline
line-through

text-indent

Espaçamento da primeira linha de um parágrafo.

length
%

Bordas

border-top

Borda Superior

border-bottom

Borda Inferior

Nenhum comentário:

Postar um comentário