XHTML下用dl,dt,dd标签实现翻页的效果代码

今天在标准之类的blog(http://www.aa25.cn)看到"纯CSS代码实现翻页"
的文章

123

[Ctrl+A 全选 注: 如需引入外部Js需刷新才能执行]

也许很多人对HTML的UL,OL,LI标签可能都比较熟习,但是对DL,DT,DD可能就不怎么了解了,那么到W3.ORG去看看吧,
http://www.w3.org/TR/2002/WD-xhtml2-20020805/mod-list.html
, http://www.w3.org/TR/2005/WD-xhtml2-20050527/mod-list.html

标记定义了一个定义列表，定义列表中的条目是通过使用

标记(“definition title”，定义标题)和

标记(“definition description”，定义描述)创建的。

给出了术语名，

标记给出了术语的定义。
也就是说

用来创建列表中的上层项目，

用来创建列表中最下层项目，

和

都必须放在

< /dl>标志对之间。