Html5

HTML5-基础02

2017-06-28  本文已影响11人  Coder东
    1.0.0 列表
    什么是列表标签:给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体.
    html中分类:1.0 无序列表(unordered list ) 2.0 有序列表 (ordered list) 3.0 定义列表(definition list)
    什么叫有先后之分?
    什么叫没有先后之分?
    格式:
    <ul>
            <li>需要显示的条目的内容</li>
    </ul>
      list item : 条目的意思,是ul 无序列表
    注意点:
     1. 无序列表是用来给一堆数据添加列表语义的,不是用来添加小圆点的。
     2. ul标签和li标签是一个整体,是一个组合,所以一般情况下是一起出现的,不会单个出现,也就是是说一个ul标签或者单独使用一个li标签,都是结合在一起使用的。
      3. 由于ul标签和li标签是一个组合,所以ul标签中不推荐使用包含其他标签,也就是说以后你在ul标签中只会看到li标签

      注意点:
     虽然通过标签属性也能修改样式,但是在企业开发中千万不要这么干,不赞成使用的

    2.0.0 
     前面我们说过ul中最好只放li标签,但是在企业开发中,li标签中的内容可能会很复杂,所以我们可以继续在li标签中添加其他标签来丰富我们的界面。
    总结:
    2.0.1 .一定要记住ul标签中最好只放li标签
    2.0.1 但是li标签中还可以继续存放其他标签
    2.0.2 无需列表中的li标签除了可以添加其他标签还可以添加ul标签丰富界面
    也就是说ul中有li。li中有ul
  
    3.0.0 
     ul> li  然后按下tab
    含义:生成一对ul标签,然后在ul标签中在生成一对li标签
     在webstorm中如何快速编写一个ul的格式:
    
    ul> li * 3 > h2 + ul>li * 3 然后按下tab键就可以自动生成啦
    含义:生成一对ul标签,然后在ul标签中在生成3对li标签,每对li标签中包含一个h2标签和ul标签(其中的ul标签又包含3对li标签)
      其中+ 加好的意思是代表的同级别的标签

    3.0.1 定义列表的格式:
    <dl>
            <dt></dt>
    <dl>

    3.0.2 dd: defination description    dt : defination title 
    注意点:
    3.0.3  dl和dd/dt是一个整体,所以他们一般情况下不会单独出现,都是一起出现
    3.0.4 由于dl和dt/dd是一个组合标签,所以dl中建议只放dt和dd标签
    3.0.5 一个dt可以没有对应的dd,也可以有多个对一个的dd,但是无论有或者没有都不推荐使用。推荐使用一个dt对一个一个dd。
    和li标签中一样,当需要丰富界面时,我们可以在dt和dd标签中继续添加其他标签,但是不要再dl中添加标签
上一篇 下一篇

猜你喜欢

热点阅读