zoukankan      html  css  js  c++  java
  • 作者:爆牙齿 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

  • 相关阅读:
    ◆◆0[问题解决]REUSE_ALV_FIELDCATALOG_MERGE丢失catalog字段
    不同类型ALV的catalog数据转换[LVC_TRANSFER_TO_SLIS][LVC_TRANSFER_FROM_SLIS]
    ◆◆0ABAP ALV分类以及对应的函数,类小结
    [代码]如何在ALV头中显示Logo图片-[REUSE_ALV_GRID_DISPLAY]
    ◆◆0SALV-如何刷新显示
    ◆◆0[REUSE_ALV_GRID_DISPLAY_LVC]-显示单选按钮(radio button)
    ◆◆0[REUSE_ALV_GRID_DISPLAY_LVC]ALV中字段显示前导零(leading zero)
    ◆◆0[REUSE_ALV_GRID_DISPLAY_LVC]-显示布局按钮(layout button)
    [问题解决]ALV标准过滤功能失效
    ◆◆0SALV-设置SALV选择模式
  • 原文地址:https://www.cnblogs.com/luluping/p/1216408.html
Copyright © 2011-2022 走看看