HTML指南

這是格式編排過程裡的最後一步(非必須)- 步驟6!請瀏覽此頁面的有用竅門和技巧,幫助您使用 HTML 來美化您的內容,以及給讀者提供更多的特色功能。

讀經計劃含有多天的內容,而每一天都有一篇靈修內容。每一篇靈修內容有許多用途,它可以是一個概覽、敘述式教導或結束禱告,也可三者皆是。

這種多方面的用途使得在為靈修內容編碼的時候,要達到作者一心想呈現的效果是很困難的。如能夠按照以下的指南和建議,靈修內容就有可能更理想,也就能更持久地呈現在更多的YouVersion客戶端上(iOS、Android、網路、行動網路,等等)。


建議

靈修標題

根據需要,使用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 等),因為這些屬性會損害正確顯示視訊的能力。

此帖子也有其他語言: 南非文 德文 西班牙文 法文 葡萄牙文 羅馬尼亞文 簡體中文