网络编程
位置:首页>> 网络编程>> 网页设计>> [翻译]标记语言和样式手册 Chapter 8 再谈清单(2)

[翻译]标记语言和样式手册 Chapter 8 再谈清单(2)

作者:zhaozy 来源:3user.com 发布时间:2008-01-29 13:16:00 

标签:样式,标记,css,手册,清单

方法B:有序清单

<ol>
  <li>Chop the onions.</li>
  <li>Saute the onions for 3 minutes.</li>
  <li>Add 3 cloves of garlic.</li>
  <li>Cook for another 3 minutes.</li>
  <li>Eat.</li>
</ol>

我确信这是大多数人选用的做法,但是这并不代表我们都没有在某些情况下,因为某种原因使用方法A.<ol>代表"有序清单"(ordered list),因此语义上我们使用了正确的元素解决手上的问题.方法B还有什么特别之处?

自动编号

或许你发现我们不必手动为每个清单项目加上编号了,在使用了<ol>时,会自动依照顺序产生编号,如果我们的步骤清单内包含了超过100个项目,而我们需要在中间插入几个新步骤时,我们只需要简单的在正确的位置插入新的<li>项目就行了,浏览器会自动重新编号,简直就跟魔术一样.

如果使用方法A的话,我们就需要在插入每个项目的时候手动修正所有编号,我随便都能想到比这更有趣的工作可以做...

图8-2,十一版浏览器显示方法B的效果,在每个步骤之前都自动加上编号.


图8-2 浏览器显示方法B的效果

愉快的包装者,第二部

方法B的另一个好处是,很长的清单项目在换行的时候,会缩进到产生的编号后面,而方法A则会折到编号下面(图8-3)


图8-3 比较方法A和方法B换行效果

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com