如何添加脚注~官方方式(修正版1……可能有2 ^-^)

喂度熊……
不许插楼!!!


大图……卡*你们 看你们还插(……

楼主 homeDiana  发布于 2014-02-07 23:53:00 +0800 CST  
在Epub3.0标准里官方给出了一种添加弹窗式脚注的方法,通过对对象添加类型可以让epub文件在兼容Epub3.0的电子阅读器上实现注释浮窗(我又想起了某国产阅读器…蛋疼的来回链接)
先把方法贴出来 这里先感谢范世刚先生(应该是真名…而且是个老前辈),这个用法是我在ta的博客上看到的,而且关于这方面度娘好像也只搜出这篇文章…
方法如下:
1.先在html标签头内加上对应空间
(截图的时候错误了……其实不用双引号仔细看看下面就知道了)
例如,在Sigil0.7新建一个页面默认是这样的

我们需要改成

又因为按照标准我们需要对文档的语种规定一下(少数阅读器会因此出现不认中文的情况) 加上xml:lang="zh-CN"(这是中文的情况,要接触制作外文的童鞋要去查一下相关的语种代码了)
于是最后改成
图片来自:homeDiana的百度相册
2.接下来在注释内容的标签里加上一个带这个属性 epub:type='footnote' 的、指向注释能容位置的超链接(一般添加锚),比如我有一个需要注释的标签
<span class="footnote">被注释内容</span>
那么应改成
<span><a epub:type="noteref" href="#n1">被注释内容</a></span>
3.在文章的最后(其实在哪也可以……如果想集中一个地方就在最后,想在被注释文本附近就在附近写代码)加上<aside epub:type="footnote" id="n1"> </aside>标签并把注释内容写在里边
需要注意的是用这种方法写出来的注释是没有任何效果的,调整大小颜色、添加图片等都是没用的(这个比某国产的私有代码确实差了不止一点点……),同时<aside epub:type="footnote" id="n1"> </aside>标签里面的内容不会在Epub3阅读器中自动消隐,所以这种方法的局限性也很明显了:如果你想兼容Epub2.0阅读器,不好意思,你最好搞一下外观,不然就很碍眼 但如果已经搞好了外观,又好像没什么必要用那个没法改外观的弹出注释了……
我个人的看法是那些打算放弃Epub2.0阅读器、大规模使用CSS3.0特效的童鞋可以使用这种(看上去……)酷酷的弹窗注释,另外,只给iBooks使用的输也可以考虑这种方式,iBooks也支持(至于特效还没测试,不过估计也差不多),同时“弹窗”是弹出一个全屏页面,字体、背景之类(应该是)跟随你的阅读器设置的缺省值
下面上图(伪直播……这是完全为Epub3.0阅读器优化的写法 也就是把注释给消隐,你们也可以看到我的代码中间是有图片以及各种简单特效的,但结果却只有文字)




先告一段落……

楼主 homeDiana  发布于 2014-02-08 00:42:00 +0800 CST  
可以插了 客官↖( ̄▽ ̄")
……啊!轻点~(✿✪‿✪。)ノ

楼主 homeDiana  发布于 2014-02-08 18:59:00 +0800 CST  
原来的测试文档不见咯……张就一下搞了一个简单替代的~

横竖排结合的表格栏~


注意一下~左边的文字是倒着的~我原本在代码里面的是“shupai中文日本语” 就是竖排加倒序的结合 不要问我什么地方用到……觉得好玩就一块搞出来了
都是模拟器里Gitden的截图~依旧歌词……算是特色好了

楼主 homeDiana  发布于 2014-02-11 17:51:00 +0800 CST  
@让种子发芽有木有发现多看更新之后字体阴影好像有点问题了……好像有一部分阴影写法不行了……总之更新之后有几本书看上去怪怪的感觉

楼主 homeDiana  发布于 2014-02-11 17:53:00 +0800 CST  
现在真的没人了吗……继续自言自语好了
建议全面脱离多看 拥抱Gitden
Gitden的分页分割文字问题可能和外边距有关系 设置外边距可能导致这样的问题(顺便提一句,以前的制作组的作品都没发现这个问题……)

楼主 homeDiana  发布于 2014-02-23 20:37:00 +0800 CST  

楼主:homeDiana

字数:1575

发表时间:2014-02-08 07:53:00 +0800 CST

更新时间:2021-06-16 09:54:55 +0800 CST

评论数:25条评论

帖子来源:百度贴吧  访问原帖

 

热门帖子

随机列表

大家在看