[翻译]标记语言和样式手册 Chapter 8 再谈清单(2)
作者:zhaozy 来源:3user.com 时间:2008-01-29 13:16:00
方法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换行效果
标签:样式,标记,css,手册,清单
0
投稿
猜你喜欢
十六则Dreamweaver使用快技法
2009-07-05 18:55:00
利用后缀表达式(逆波兰式)算24点的JavaScript版算法
2010-01-23 10:57:00
Excel和Access之间的数据交换
2008-11-20 16:53:00
HTML邮件的又一点思考
2009-05-06 13:33:00
防采集,几种觉得有用的防采集方法
2009-09-03 13:30:00
你是一个职业的页面重构工作者吗?
2008-09-29 12:07:00
ACCESS数据库遇日文时内存溢出的最简单处理办法
2009-07-09 14:04:00
怎样使用 SQL Server 数据库嵌套子查询
2009-02-05 15:26:00
使用xmlhttp为网站增加股市行情查询功能
2007-10-10 21:09:00
jQuery 1.4 Released 新特性官方诠释
2010-04-01 12:23:00
SQL参数化查询的另一个理由 命中执行计划
2012-08-21 10:31:16
oracle用什么SQL语句判断表存不存在
2010-07-23 13:23:00
javaScript通用数据类型校验函数
2009-07-06 12:49:00
mysql分表的3种方法
2011-01-29 16:50:00
优化 SQL Server 索引的小技巧
2012-10-07 11:00:07
Oracle数据库3种关闭方式
2008-06-13 16:46:00
ASP截取中英文字符串固定长度
2009-08-19 17:12:00
如何定义记录集打开的游标类型?
2009-11-15 20:19:00
关于ASP eof与bof 区别分析
2011-03-11 11:14:00
SQL 语句中的通配符
2007-10-11 18:03:00