目次

• 大きな表
• シンプルな HTML の表を作る
• 必要に応じて表を分割する
• タイプセッティングの改善による表機能

大きな表

表形式のコンテンツには、表を画像として表示するのではなく、HTML の <table> レイアウトを使用することをお勧めします。

画像として表示された表は、画像全体が 1 つの画面に表示されるので、ページ番号を付けることができません。画像として表示された表は、支援技術を使用しているお客様は読むことができません。表が HTML <table> タグを使用して表示された場合、ページ番号を指定したり、表のコンテンツをスクリーン リーダーや点字表示で閲覧したりできます。また、読者は、表のセル間を移動することもできます。表の幅が画面より広く、読者に対して頻繁に表のパンを強制する場合、読書体験は悪くなります。

満足度の高い読書体験を提供するには、表にテキストの段落全体または 1 つのセルに大きい写真を含めないようにします。

1,800 を超えるセルまたは 20,000 を超える文字を含む表はサポートされていません。異なるフォントのサイズを多用している読者に最高の読書体験を提供するには、HTML テキストの単一行が適しています。表は 100 行未満、10 列未満で作成することをお勧めします。

表を画像として表示する必要がある場合は、画像のガイドラインに従い、必要に応じて表を分割します。

シンプルな HTML の表を作る

Kindle 端末および Kindle アプリ上で表示される、標準的な行と列を含むシンプルな表を作成するには、<table> タグを使用します。KF8 では、複合表と結合セルがサポートされていますが、出版者が本当に必要な場合にのみ使用することをお勧めします。タイプセッティングの改善は、複合表をサポートしていません。

colspan 属性と rowspan 属性は、それぞれ表の列または行の総数に等しいかそれ以下にする必要があります。

表のコンテンツを読みやすくするために余白には負の値を設定しないでください。タイプセッティングの改善は、マイナスの余白をサポートしていません。

必要に応じて表を分割する

表を画像としてフォーマットすることが必要な場合もありますが、画像は Kindle の 1 つの画面で読み取るのにはまだ大きすぎます。その場合、画像を分割するのはよいアイデアです。次の例では表を 2 ページに分割する場合に使用するガイドラインを説明します。このロジックは複数ページの表画像に拡大できます。

例: 画像の 60% 下がった位置で、画像を水平に半分に分割します。次にヘッダーを分割してそれを画像の下半分にコピーし、これらを新規画像に組み入れます。これで、最終の 2 つの画像は表ヘッダーが付いた同一のサイズとなります。

変換した GIF ではなく、元の画像を編集してください。元の画像を編集しない場合、画像が GIF に 2 度変換されます (低画質になる可能性があります)。

タイプセッティングの改善による表機能

電子書籍でタイプセッティングの改善が有効になっている場合、表をダブルタップすると、4 つ以上の列がある表で表のビューアが使いやすくなります。タイプセッティングの改善による表機能には、以下が含まれます。

• 表を読んでいるときにデータが失われません。表のテキストがページに収まらない場合は再調整され、画面の端で切れてしまうことがありません。
• タイプセッティングの改善により、画面に余白が追加され、画面サイズに合わせて列幅が再調整されるため過度なテキストの折り返しがなくなります。常に行と列の間の余白を最小限に維持することで、フォントのサイズや端末のタイプに関係なく行と列の境界を均等に保ちます。
• 複数ページにまたがる表がある場合、後続のページにも続くことが示されるため、複数ページを検索することができます。
• 改善されたタイプセッティング内のビューアでは、パン、ズーム、テキストのハイライト、テキスト検索を利用して、複数ページにまたがっている表を単一の画面で操作できます。

表にタイプセッティングの改善を使用する場合のベスト プラクティスは次のとおりです。

• <thead>、<tbody>、<tfoot> の表構成を使用します。
• セル内の余白を追加するために空の列を追加することは避けます。
• ブロック画像ではなくインライン画像を使用します。
• タイプセッティングの改善では、1,800 を超えるセルまたは 20,000 を超える文字を含む表はサポートされていません。タイプセッティングの改善に対し、表を小さな表に分割します。
• 現在タイプセッティングの改善では、表での float の使用はサポートされていません。CSS ::first-letter セレクターを使用して Kindle 向けに置き換えるには、メディア クエリを使用することをお勧めします。
• 現在タイプセッティングの改善では、<caption-side: bottom> はサポートされていません。コンテンツは <caption-side: bottom> でスタイル化されている場合、表の上部 (<caption-side:top> など) に配置されます。
• 対象となる本が Kindle Previewer でのタイプセッティングの改善をサポートしているかどうかを確認します。

例:

タイプセッティングの改善機能では、ページの余白を利用することで、テキストの折り返しが回避され、表が読みやすくなります。