作者:爆牙齿 http://yuntian.cnblogs.com

List
<ol>
    
<li>数据一</li>
    
<li>数据二</li>
    
<li>数据三</li>
    
<li>数据四</li>
    
<li>数据五</li>
</ol>
  1. 数据一
  2. 数据二
  3. 数据三
  4. 数据四
  5. 数据五
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>
  1. 数据一
    1. AAA
  2. 数据二
    1. BBB
  3. 数据三
    1. CCC
  4. 数据四
    1. DDD
  5. 数据五
    1. 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

原文地址:https://www.cnblogs.com/luluping/p/1216408.html