带有HTML的语义标记,定义列表或带有div的有序列表?

时间:2011-06-27 08:17:39

标签: javascript jquery html semantic-markup horizontal-accordion

我正在创建一个网站,我将使用水平手风琴。 我发现了两个jquery插件可以满足我的需求。

  1. http://www.madeincima.eu/blog/jquery-plugin-easy-accordion/
  2. http://nicolahibbert.com/demo/liteAccordion/
  3. 他们似乎都做我需要的一切。然而,第二个使用有序列表,而第一个使用定义列表。哪一个在语义上更正确?这是否是一个易处理的问题,还是取决于我使用手风琴的确切方式?

    手风琴中的每张幻灯片都有一个标题,该幻灯片的内容将在标题上展开。虽然它并没有完全定义标题,但它与它非常相关。

    鉴于此,您认为哪个版本更好?

    由于

2 个答案:

答案 0 :(得分:2)

我会说有序列表会有更多的语义含义,因为您没有定义稍后将在您的内容中使用的术语。

答案 1 :(得分:1)

它最终将取决于您使用其中一个插件的内容。从语义上讲,如果您对手风琴有一些不相关的内容,定义列表的使用将使用语义定义术语(手风琴元素的可点击标题)作为其以下内容。

但是,如果所有内容都是相关的,从技术上讲,语义上使用无序列表可以更清楚地详细说明所有内容都是作为一个列表收集的,没有任何一个内容的定义与其他内容不同。