1、
    无序列表标签，是一个双标签，双标签是需要闭合的。

示例代码：

  1. <!DOCTYPE html>
  2. <html lang="en">
  4.   <head>
  5.     <meta charset="UTF-8">
  6.     <title>无序列表</title>
  7.   </head>
  9.   <body>
  10.     <!-- disc默认实心圆 -->
  11.     <ul type="disc">
  12.       <li>水果</li>
  13.       <li>蔬菜</li>
  14.       <li>肉类</li>
  15.     </ul>
  17.     <!-- circle空心圆 -->
  18.     <ul type="circle">
  19.       <li>水果</li>
  20.       <li>
  21.         蔬菜
  22.         <!-- square小方块 -->
  23.         <ul type="square">
  24.           <li>大白菜</li>
  25.           <li>油麦菜</li>
  26.         </ul>
  27.       </li>
  28.       <li>肉类</li>
  29.     </ul>
  31.     <!-- none不显示 -->
  32.     <ul type="none">
  33.       <li>水果</li>
  34.       <li>蔬菜</li>
  35.       <li>肉类</li>
  36.     </ul>
  37.   </body>
  39. </html>

排序效果：
image.png

2、如淘宝网中大量运用了无序列表标签：

导航效果：
image.png