作者:爆牙齿 http://yuntian.cnblogs.com
2008-06-09 22:28
337 查看
List
<ol>
<li>数据一</li>
<li>数据二</li>
<li>数据三</li>
<li>数据四</li>
<li>数据五</li>
</ol>
数据一
数据二
数据三
数据四
数据五
Table
<table>
<tr>
<td>数据一</td>
</tr>
<tr>
<td>数据二</td>
</tr>
<tr>
<td>数据三</td>
</tr>
<tr>
<td>数据四</td>
</tr>
<tr>
<td>数据五</td>
</tr>
</table>
看出来什么没有?好像什么也看不出来,ul和ol的圆点数字说明不了什么问题,ul/ol的代码量比table少很多,也不能说明什么问题,table的边框?我故意加的。好,我们接着继续看,让我们把数据扩展一次再看。
List Expand
<ol>
<li>数据一
& nbsp; <ol><li>AAA</li></ol>
</li>
<li>数据二
& nbsp; <ol><li>BBB</li></ol>
</li>
<li>数据三
& nbsp; <ol><li>CCC</li></ol>
</li>
<li>数据四
& nbsp; <ol><li>DDD</li></ol>
</li>
<li>数据五
& nbsp; <ol><li>EEE</li></ol>
</li>
</ol>
数据一
AAA
数据二
BBB
数据三
CCC
数据四
DDD
数据五
EEE
Table Expand
<table class="table">
<tr>
<td>数据一</td>
<td>AAA</td>
</tr>
<tr>
<td>数据二</td>
<td>BBB</td>
</tr>
<tr>
<td>数据三</td>
<td>CCC</td>
</tr>
<tr>
<td>数据四</td>
<td>DDD</td>
</tr>
<tr>
<td>数据五</td>
<td>EEE</td>
</tr>
</table>
现在看出来了吗?仔细看看?还没有吗?还需要我继续扩展吗?
我直接说我的认知了:
table和ul/ol都能产生数据行,但是table的重心应该是在产生数据列,而ul/ol的重心应该是在产生数据级。
所以对于单列多行的数据,扩展的趋势是产生级的时候,使用ul/ol。扩展的趋势是产生列的时候,使用table。。
是的,趋势、级、列。我认为是隐藏的语义。
作者:爆牙齿 http://yuntian.cnblogs.com
<ol>
<li>数据一</li>
<li>数据二</li>
<li>数据三</li>
<li>数据四</li>
<li>数据五</li>
</ol>
数据一
数据二
数据三
数据四
数据五
Table
<table>
<tr>
<td>数据一</td>
</tr>
<tr>
<td>数据二</td>
</tr>
<tr>
<td>数据三</td>
</tr>
<tr>
<td>数据四</td>
</tr>
<tr>
<td>数据五</td>
</tr>
</table>
数据一 |
数据二 |
数据三 |
数据四 |
数据五 |
List Expand
<ol>
<li>数据一
& nbsp; <ol><li>AAA</li></ol>
</li>
<li>数据二
& nbsp; <ol><li>BBB</li></ol>
</li>
<li>数据三
& nbsp; <ol><li>CCC</li></ol>
</li>
<li>数据四
& nbsp; <ol><li>DDD</li></ol>
</li>
<li>数据五
& nbsp; <ol><li>EEE</li></ol>
</li>
</ol>
数据一
AAA
数据二
BBB
数据三
CCC
数据四
DDD
数据五
EEE
Table Expand
<table class="table">
<tr>
<td>数据一</td>
<td>AAA</td>
</tr>
<tr>
<td>数据二</td>
<td>BBB</td>
</tr>
<tr>
<td>数据三</td>
<td>CCC</td>
</tr>
<tr>
<td>数据四</td>
<td>DDD</td>
</tr>
<tr>
<td>数据五</td>
<td>EEE</td>
</tr>
</table>
数据一 | AAA |
数据二 | BBB |
数据三 | CCC |
数据四 | DDD |
数据五 | EEE |
我直接说我的认知了:
table和ul/ol都能产生数据行,但是table的重心应该是在产生数据列,而ul/ol的重心应该是在产生数据级。
所以对于单列多行的数据,扩展的趋势是产生级的时候,使用ul/ol。扩展的趋势是产生列的时候,使用table。。
是的,趋势、级、列。我认为是隐藏的语义。
作者:爆牙齿 http://yuntian.cnblogs.com
相关文章推荐
- Xamarin体验:使用C#开发iOS/Android应用(此文章为收藏博客,不是个人经验) by----作者:囧月 出处:http://lwme.cnblogs.com/
- SAP GUI FOR HTML登陆(作者:梦心)出处:http://www.cnblogs.com/mengxin523/)
- 转载本站文章请注明作者和出处 奇葩一朵朵 – http://www.cnblogs.com/season-huang/ ,请勿用于任何商业用途
- 神经网络学习笔记_1(BP网络分类双螺旋线) 作者:tornadomeet 出处:http://www.cnblogs.com/tornadomeet
- Python快速教程 作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明。谢谢! 怎么能快速地掌握Python?这是和朋友闲聊时谈起
- 常用的正则表达式小结【网上摘抄,原文地址:http://www.cnblogs.com/hermes262/archive/2006/02/27/338621.html】
- OpenLayers应用一(转自http://www.cnblogs.com/lzlynn/)
- http://www.cnblogs.com/lyj/archive/2008/03/25/1119671.html
- response.sendRedirect("http://www.cnblogs.com/");
- Java中getResourceAsStream的用法(转自:http://www.cnblogs.com/javayuer/archive/2011/01/02/1924192.html)
- 【C++设计技巧】C++中的RAII机制 http://www.cnblogs.com/gnuhpc/archive/2012/12/04/2802307.html
- http://www.qilubang.com 博客网址转移到新网址:http://www.cnblogs.com/wangzhanjianshe/
- 非界面线程中引发异常处理(http://zitiger.cnblogs.com/)
- java中的逆变、协变、不变概念讲解转载自http://www.cnblogs.com/en-heng/p/5041124.html,感谢编程路上的前辈们!
- Saas是什么? 转帖至 http://www.cnblogs.com/chuncn/archive/2008/10/09/1307328.html
- 高手与菜鸟,思想与技术(转载于http://yuandong.cnblogs.com/archive/2006/06/07/419945.html)
- http://www.cnblogs.com/lovenets/archive/2006/06/24/434880.html 转载
- SQL Server2005杂谈(3):四个排名函数(row_number、rank、dense_rank和ntile)的比较 转自http://www.cnblogs.com/nokiaguy/ar
- jQuery右键菜单contextMenu实例(转自:http://www.cnblogs.com/whitewolf/archive/2011/09/28/2194795.html)
- 注意使用装箱和拆箱 (http://www.cnblogs.com/redjackwong/archive/2006/11/02/547752.html)