• 作者:爆牙齿 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

  • 相关阅读:
    计算机网络 chapter 6 应用层
    计算机网络 chapter 4 网络层
    计算机网络 chapter 2 物理层
    计算机网络 chapter3数据链路层
    计算机网络 chapter 1 概述
    文章
    进程池线程池 协程
    MySQL
    同步锁 死锁与递归锁 信号量 线程queue event事件
    GIL全局解释器
  • 原文地址:https://www.cnblogs.com/luluping/p/1216408.html
Copyright © 2020-2023  润新知