结构标签和列表标签简介

结构标签 

用来搭建网页的结构  是html5的新标签

新标签的出现，让网页结构更加清晰，而且让网站的性能会更好

但要注意一些老的网站，例如淘宝、京东等依然用div

绝大部分的结构标签都是块元素

    网页的头部    <header>头部</header>

    网页的主体   <main>主体</main>

    网页的底部   <footer>底部</footer>

    网页的导航 <nav></nav>

    网页的侧边栏  <aside></aside>

    网页的任意部分，没有任何语义 一般是用来代替div   <section></section>

    网页的文章部分  <article></article>

列表标签

列表标签  

            可以用来表示一组一组的内容，页面中相同结构、或相同意义都可以用列表

            有序列表  用ol创建 ,li标签表示列表项

            无序列表  用ul创建，li标签标识列表项

            定义列表  用dl创建  dt表示下定义，dd表示对定义内容的解释

      注意：1、最常用：有序列表和无序列表

                 2、在实际应用过程，一般有序列表、无序列表不做特殊的区分

                 3、列表标签也是块元素

                 4、列表是可以相互嵌套

列表标签分类

 有序列表  

          默认样式：1、加了1.2.3.等项目符号 2、列表项的前面加了一些间距

          可以用type属性，更改项目符号  

              属性值：默认是阿拉伯数字，1，2，3

                    还可以是a/A/i/I

  

 无序列表

       默认样式：

         1、项目符号  小圆点

         2、每个列表项前面也有间距

       也可以用type属性去更改项目符号

         默认是实心小圆点

           disc，默认值，实心的圆点

           square，实心的方块

           circle，空心的圆