您的位置:首页 > 理论基础 > 计算机网络

作者:爆牙齿 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>
数据一AAA
数据二BBB
数据三CCC
数据四DDD
数据五EEE
现在看出来了吗?仔细看看?还没有吗?还需要我继续扩展吗?

我直接说我的认知了:
table和ul/ol都能产生数据行,但是table的重心应该是在产生数据列,而ul/ol的重心应该是在产生数据级。
所以对于单列多行的数据,扩展的趋势是产生级的时候,使用ul/ol。扩展的趋势是产生列的时候,使用table。


是的,趋势、级、列。我认为是隐藏的语义。
作者:爆牙齿 http://yuntian.cnblogs.com
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐