在HTML中格式化聖經引用和/或聖經引用的最正確方法是什麼？

Question

我一直在使用<blockquote>,<q>和<cite>格式化經文引用和引用，但我想知道是否有更合適的方法。

我遇到過3種典型的聖經引用：塊引用，內聯引用和引用（又名「章節&詩節」引用）。下面是我如何被格式化每一個：

引用文字

<blockquote class="scripture"> 
    <p>Then God said, <q>Let there be light,</q> and there was light.</p> 
    <cite>Genesis 1:3</cite> 
</blockquote> 

在線行情

<p>As it says in the Bible, <q class="scripture">God said, <q>Let there be light,</q></q> (<cite>Genesis 1:3</cite>) and it just happened.</p> 

參考經文

<p>The account of creation is listed in <cite class="scripture">Genesis 1</cite>.</p> 

所以我的問題是，這些最合適將在這些情況下使用的HTML標籤？我很確定<blockquote>和<q>標籤是好的，但我不太確定使用<cite>標籤。作爲一個內聯元素，它可以用作<blockquote>的直接後代，還是應該將其封裝在另一個標籤中？

FWIW，我一直在使用<p>標籤<blockquote>的原因是因爲我可以得到正確和自動的引用樣式和嵌套（不管經文引用的語言如何）。

Answer 1

格式化爲聖經引用您的個人偏好取決於你怎麼想的那樣顯示出來，但在專業外觀的方式，而不需要特殊的CSS顯示它，我相信這樣的結構是較好的選擇：

約6：5,10：

耶穌擡頭看見一大羣人向他走來，就對腓力，「我們應該在哪裏買麪包對這些人說：吃什麼？「

耶穌說，「有衆人坐下。」有大量的青草在那個地方，他們坐了下來（約五千人在那裏）。

要做到這一點，你可以使用一個有序列表與自定義編號，如「Is it possible to specify a starting number for an ordered list?」描述。

如果要引用的詩句是連續的，你只需要使用start屬性上ol開始標記：

<h2>John 1:5,6,7</h2>  
 
<ol start="5"> 
 
    <li>passage here</li> 
 
    <li>passage here</li> 
 
    <li>passage here</li> 
 
</ol>

如果他們非 -consecutive，您可以使用每個li開始標記上的value屬性：

<h2>John 1:5,9,13</h2> 
 
<ol> 
 
<li value="5">passage here</li> 
 
<li value="9">passage here</li> 
 
<li value="13">passage here</li> 
 
</ol>

這將導致列表項，以便對每個人設定的值。

如果需要，您可以使用<blockquote></blockquote>標籤包裝上述內容。無論如何，您也可以使用CSS設計您想要的有序列表。

有了這些屬性，就避免了不必要的CSS樣式。