HTML指南

这是格式编排过程里的最后一步(非必须)- 步骤6!请浏览此页面的有用窍门和技巧,帮助您使用 HTML 来美化您的内容,以及给读者提供更多的特色功能。

读经计划含有多天的内容,而每一天都有一篇灵修内容。每一篇灵修内容有许多用途,它可以是一个概览、叙述式教导或结束祷告,也可三者皆是。

这种多方面的用途使得在为灵修内容编码的时候,要达到作者一心想呈现的效果是很困难的。如能够按照以下的指南和建议,灵修内容就有可能更理想,也就能更持久地呈现在更多的YouVersion客户端上(iOS、安卓、网络、行动网络,等等)。


建议

灵修标题

根据需要,使用h2 标签。<h2>, </h2>

注意:我们强烈建议您在内容中不要使用 h1 标签。

主标题

使用h3 标签定义主标题。<h3>, </h3>

副标题

使用h4 标签定义副标题。<h4>, </h4>

注意:我们建议您不要使用比 h4更小的标签定义标题,因为这可能使这些较小标题之间的大小差别不明显。

段落间距

使用p 标签定义文本段落换行。<p>, </p>

注意:我们强烈建议您不要使用 br 标签创建段落间距,因为这将无法使效果一致,也不能支持所有的应用程式。

节间距

如果内容很多,使用段落不能明确区分,则可以使用 section 标签将文本分节。

注意:我们强烈建议您不要使用 br 标签来创建段落间距,因为这将无法使效果一致,也不能支持所有的应用程序。

强(粗体)文本

使用strong 标签显示任何需要如此强调的段落文本。<strong>, </strong> OR <b>, </b>

注意:我们建议不要使用 b 标签,因为它已被废弃,不会很好的长期支持浏览器或我们的应用程序。

强调(斜体)文本

使用em 标签强调段落文本。<em>, </em>

注意:我们建议不要使用 i 标签,因为它已被废弃,不会很好的长期支持浏览器或我们的应用程序。

列表

li 标签可用在 ul 标签的无序列表和ol 标签的有序(编号)列表中定义列表项目。除非有很好的理由需要使用有序列表,我们推荐使用无序列表,因为它会为大多数的应用程序提供一个更清晰的可视流程。

注意:我们建议您不要使用列表样式类型 (list-style-type) 属性。

外链超链接

如果您想将用户转送到应用程序以外的登录页面,那这个编码就很有用处。一个基本的网站编码 (<a href=”http://(网站)”>[超链接的标题]</a>) 有随您喜欢如何命名该网站的选择。比方说,您可以将 URL 在超链接上显示出来,或者您也可以选择比较适合的字眼或句子为超链接的标题。

注意:我们本着给用户带来完全免费的应用体验,因此希望您把我们的用户外链的网站也是一样免费的。

图像

使用img 标签定义图像。在任何应用程序中, 图像会占用内容的整个宽度(意为文字不会’流溢’在图像周围)。由于这个原因,建议使用480像素作为最小图像宽度,因为比这更小的图像可被拉伸。

注意:请不要在 img 标签内包含任何其他属性(width, height, border,align 等), 因为这些属性会损害正确显示图像的能力。

 

视频

内嵌入普通的 YouTube 视频 iframe代码在一个列为video-container 的 div 内。

<div class=”video-container”>

<iframe class=”youtube-player” src=”http://www.youtube.com/embed/VIDEO_ID” frameborder=”0″ allowfullscreen></iframe>

</div>

注意:请不要在 iframe 标签内包含任何其他属性(width, height, border,align 等),因为这些属性会损害正确显示视频的能力。

 

本文也有以下语言版本: 南非荷兰语 德语 西班牙语 法语 葡萄牙语 罗马尼亚语 繁体中文