List
<ol>
<li>数据一</li>
<li>数据二</li>
<li>数据三</li>
<li>数据四</li>
<li>数据五</li>
</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>
<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>
<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>
- 数据一
- 数据二
- 数据三
- 数据四
- 数据五
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>
<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