Search code examples
javascriptjqueryhtmlsemantic-markuphorizontal-accordion

Semantic Markup with HTML, definition lists, or ordered lsit with divs?

I'm creating a website where I'm going to be using a horizontal accordion. I've found two jquery plugins that do what I want.

  1. http://www.madeincima.eu/blog/jquery-plugin-easy-accordion/
  2. http://nicolahibbert.com/demo/liteAccordion/

They both seem to do everything I need. The second one however uses ordered lists, while the first one uses a definition list. Which one is more semantically correct? Is this even a tractable problem, or will it depend on exactly how I'm using the accordion?

Each slide in the accordion will have a title, and the content of that slide will be expanding upon the title. While it isn't exactly defining the title, it will be very related to it.

Given this, which version do you think is better?

Thanks

Solution

  • I would say an ordered list would have more semantic meaning, as you are not defining terms to be used later on in your content.