2013-02-22 154 views
0

我一直在使用<blockquote>,<q><cite>格式化经文引用和引用,但我想知道是否有更合适的方法。在HTML中格式化圣经引用和/或圣经引用的最正确方法是什么?

我遇到过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>的原因是因为我可以得到正确和自动的引用样式和嵌套(不管经文引用的语言如何)。

+1

我认为这是一个有点主观。我不确定是否有“正确”或“最合适”的方式。 – David 2013-02-22 14:09:00

+0

@DavidStratton你甚至可以说这是可能导致*咳嗽*宗教争论*咳嗽*的事情。 – 2013-02-22 14:09:51

+0

你知道,我不确定是否有适合这个问题的StackExchange网站,但是如果你想从也是基督徒的程序员那里得到意见(因此关心圣经的引用),请去基督教。 stackexchange.com网站,并在***聊天***(不是在主网站,而不是在Meta),我不能去工作的网站(非工作使用和所有),但主要聊天室被称为“上部房间”。我敢打赌,那里的一些常客会有有用的意见。 – David 2013-02-22 14:28:10

回答

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样式。

    +0

    这是一个有趣的方法;我没有想过使用有序列表来获得诗歌编号。同样,也可以使用CSS计数器来获得一些有趣的结果。 – Sandwich 2016-06-19 11:56:55

    相关问题