html圆点列表符号_14 无序列表的嵌套和type属性

标签当中是可以放置任何其他标签的，因此在标签中，还可以再放置一个列表，这就是列表的嵌套。

比如：

上面代码就是列表的嵌套，最外面的无序列表有2个列表项，每一个列表项当中，又嵌套了一个h3标签和一个无序列表。

上面代码在浏览器中的显示效果如下：

可以看到，第一级列表项前面是实心的小黑圆点，第二级列表项前面是空心的小黑圆点。而且在没有给任何css的情况下，默认具有第二级列表项相对于第一级列表项的缩进。

无序列表的type属性

无序列表具有type属性，它是用来定义前导符号(就是列表项前面的小点)的样式的，在HTML5中，无序列表的type属性已经被废弃了，一般是用css替代type属性，来设置签到符号样式的。

虽然在HTML5中已被废弃，但是毕竟还有很多人在使用老旧版本的IE浏览器，这种浏览器对HTML5的支持并不太好。所以还是要有所了解。

type属性写在

标签上 ，它具有以下值以及显示效果：

也就是说：

当type的值为disc时，列表项的前导符号在浏览器中的效果为实心圆。

当type的值为circle时，列表项的前导符号在浏览器中的效果为空心圆。

当type的值为square时，列表项的前导符号在浏览器中的效果为实心方块。

我在demo中演示一下，比如代码如下：

            Document    

购物清单

面包 牛奶

牛奶要买脱脂或者低脂的

鸡蛋 咖啡 水果

则浏览器中效果就是这样：

其他两个值，你可以自己试一试，看看效果。

关注我，入门前端开发