epub3 nav error

osea · 04-07-2024, 03:20 AM

I'm working on an EPUB3. I use nav.xhtml as the Table of Contents. Everything works fine in other epub readers including iBook on iPad and Mac except iBook on iPhone. The Table of Contents shows in iBook on iPhone too. But it would not navigate to that place when click it. And I found this happened when the href included "#" as anchor in <a> for titles.
It means if the <a> look like this:
<a href="Section0000.xhtml"/>
It works fine.
But if the <a> look like this:
<a href="Section0000.xhtml#nav_1"/>
Then it does not work. And it is so strange that this only happens in iBook on iPhone. It even works fine in iBook on iPad. Could anybody helps me? My English is not good. Hope I'v made my point.

-----------This is part of nav.xhtml: -------------
<?xml version='1.0' encoding='utf-8'?>
<html
lang="en"
xml='lang="en"'
xmlns="http://www.w3.org/1999/xhtml"
xmlns:epub="http://www.idpf.org/2007/ops"
>
<head>
<meta charset="utf-8"/>
<title>目录</title>
<link href="../Styles/sgc-nav.css" rel="stylesheet" type="text/css"/>
</head>
<body epub:type="frontmatter">
<nav epub:type="landmarks" hidden="" id="landmarks">
<h1>Guide</h1>
<ol>
<li>
<a epub:type="coverpage" href="coverpage.xhtml">Cover</a>
</li>
<li>
<a epub:type="toc" href="TOC.xhtml">Table of Contents</a>
</li>
</ol>
</nav>
<nav epub:type="toc" id="toc" role="doc-toc">
<ol>
<li>
<a href="coverpage.xhtml">Cover</a>
</li>
<li>
<a href="TOC.xhtml">Table of Contents</a>
</li>
<li>
<a href="Section0001.xhtml#nav_toc_3">1</a>
<ol>
<li>
<a href="Section0001.xhtml#nav_toc_4">1.1</a>
<ol>
<li><a href="Section0001.xhtml#nav_toc_5">1.1.1</a></li>
<li><a href="Section0001.xhtml#nav_toc_6">1.1.2</a></li>
</ol>
</li>
</ol>
</li>
</ol>
</nav>
</body>
</html>

04-07-2024, 03:20 AM	#1
osea Junior Member Posts: 1 Karma: 10 Join Date: Apr 2024 Device: none	epub3 nav error I'm working on an EPUB3. I use nav.xhtml as the Table of Contents. Everything works fine in other epub readers including iBook on iPad and Mac except iBook on iPhone. The Table of Contents shows in iBook on iPhone too. But it would not navigate to that place when click it. And I found this happened when the href included "#" as anchor in <a> for titles. It means if the <a> look like this: <a href="Section0000.xhtml"/> It works fine. But if the <a> look like this: <a href="Section0000.xhtml#nav_1"/> Then it does not work. And it is so strange that this only happens in iBook on iPhone. It even works fine in iBook on iPad. Could anybody helps me? My English is not good. Hope I'v made my point. -----------This is part of nav.xhtml: ------------- <?xml version='1.0' encoding='utf-8'?> <html lang="en" xml='lang="en"' xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" > <head> <meta charset="utf-8"/> <title>目录</title> <link href="../Styles/sgc-nav.css" rel="stylesheet" type="text/css"/> </head> <body epub:type="frontmatter"> <nav epub:type="landmarks" hidden="" id="landmarks"> <h1>Guide</h1> <ol> <li> <a epub:type="coverpage" href="coverpage.xhtml">Cover</a> </li> <li> <a epub:type="toc" href="TOC.xhtml">Table of Contents</a> </li> </ol> </nav> <nav epub:type="toc" id="toc" role="doc-toc"> <ol> <li> <a href="coverpage.xhtml">Cover</a> </li> <li> <a href="TOC.xhtml">Table of Contents</a> </li> <li> <a href="Section0001.xhtml#nav_toc_3">1</a> <ol> <li> <a href="Section0001.xhtml#nav_toc_4">1.1</a> <ol> <li><a href="Section0001.xhtml#nav_toc_5">1.1.1</a></li> <li><a href="Section0001.xhtml#nav_toc_6">1.1.2</a></li> </ol> </li> </ol> </li> </ol> </nav> </body> </html>

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
EPUB3 with NAV doc and HTML TOC	democrite	Sigil	13	07-14-2023 07:35 PM
Does "Set semantics" work with an epub3 file <nav section?	phossler	Editor	3	10-23-2021 05:51 PM
nav.xhtml error shown in file browser for toc	nindotza	Editor	2	04-01-2020 07:57 AM
[Bug?] epub3 - nav destroyer	BeckyEbook	Sigil	8	06-28-2018 03:37 PM