Chapter 6. Embedding HTML5 in EPUB
Thus far, we’ve built several HTML5 applications well suited to be embeded in ebooks. Now we’ll take a look at how to structure and embed this HTML5 content in an EPUB.
An EPUB document (both EPUB 2.01 and EPUB 3.0) is a ZIP archive comprising five main components:
A mimetype document containing the text
application/epub+zip, which identifies the document as an EPUBA set of HTML content documents and referenced media files that contain all the book content
A Package Document (often referred to as the OPF file), which contains a
<manifest> that lists all the resources in the document and a<spine>that specifies the proper sequencing of the HTML contentA META-INF directory containing a container.xml file that identifies the location of the Package Document and, optionally, an encryption.xml file that holds encryption info if your EPUB will contain DRM
A Table of Contents document (in EPUB 2.01, a NCX file; in EPUB 3, a Navigation Document)
Note
A detailed discussion/tutorial on constructing EPUB documents is beyond the scope of this book, but see Additional Resources for some great articles that provide more guidance.
Embedding HTML5 content within an EPUB is done in the same fashion as
any other HTML content; just add the file to your EPUB zip, and reference it
in the OPF file. However, one important caveat is that many ereaders (most
notably, iBooks) will not successfully parse HTML5 content unless the
standard XHTML namespace is included on the <html> ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access