XHTML内の各ページ区切り箇所にタグを記入

　まず、XHTMLファイル内の各ページの区切り箇所にタグを記入しました。ここの情報によれば、ページ数をコンテンツの一部として記述する記法や、ブロックレベル要素に記述する記法もあるようですが、今回は「Example 2」の記法に従ってコンテンツ内にページ数自体は表示させない形で記入しました。

<p>　<span epub:type=”pagebreak” id=”page1″ title=”1″/>ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　ページ１本文入る　<span epub:type=”pagebreak” id=”page2″ title=”2″/>ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　ページ２本文入る　<span epub:type=”pagebreak” id=”page3″ title=”3″/>ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　ページ３本文入る　</p>

　というような感じで、この「<span epub:type=”pagebreak” id=”page××” title=”××”/>」というタグを各ページ区切りの箇所に挿入していきます。「××」の箇所の番号が、表示させるページ番号にあたります。

ページのリストをNAVファイル内に記入

　次に、NAVファイル（電書協ガイドのフォーマットでは「navigation-documents.xhtml」、論理目次の表示用ファイル）内に、ここの情報を参考に各ページのリストを記入しました。ここのリストは各ページに記入したページ区切り用のタグと1対1で対応するものですので、id番号などは厳密に同じにしておく必要があります（通常のページリンクと同様です）。

<nav epub:type=”page-list”>
<ol>
<li><a href=”p-001.xhtml#page1″>1</a></li>
<li><a href=”p-001.xhtml#page2″>2</a></li>
<li><a href=”p-001.xhtml#page3″>3</a></li>
</ol>
</nav>

iBooksで表示してみる

　完成したテストファイルをiBooksで表示させてみました。目次のメニューを表示させますと、ページ下部に「プリントされたページ番号を表示するには、タップします」という表示が出ています。これをタップすることで目次内の表示ページ番号が実ページのページ番号に切り替えられ、またコンテンツ内にもページ番号が表示されるようです。