下面這個(gè)列表是怎么實(shí)現(xiàn)的呢都伪?
<ul>
<li>Javascript</li>
<ol>
<li>第一章</li>
<ul>
<li>const</li>
<li>let</li>
</ul>
<li>第二章</li>
<ul>
<li>function</li>
<li>object</li>
</ul>
</ol>
<li>Java</li>
<ol>
<li>第一章</li>
<ul>
<li>class</li>
<li>package</li>
</ul>
<li>第二章</li>
<ul>
<li>private</li>
<li>public</li>
</ul>
</ol>
</ul>```
上面是我的實(shí)現(xiàn)捧毛,首先我說(shuō)一下我做這個(gè)多級(jí)列表的思路是什么哈。其實(shí)這個(gè)多級(jí)列表一看就思路很清晰了督赤。
1. 首先有兩個(gè)同級(jí)的大的列表
2. 最外層是一個(gè)無(wú)序列表
3. 第二層是一個(gè)有序列表
4. 最里層的是一個(gè)無(wú)序列表
然后我給大家依次講一下上面我用到的標(biāo)簽分別都是什么意思,都有什么用法泻蚊。
上面提到了幾個(gè)概念:
#### 無(wú)序列表
無(wú)序列表是一個(gè)項(xiàng)目的列表躲舌,此列項(xiàng)目使用粗體圓點(diǎn)(典型的小黑圓圈)進(jìn)行標(biāo)記。
無(wú)序列表使用 ```<ul>``` 標(biāo)簽性雄。瀏覽器中顯示的結(jié)果就是下面這個(gè)造型:
![無(wú)序列表](http://upload-images.jianshu.io/upload_images/3122121-e472434b8be4f76d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
#### 有序列表
有序列表也是一列項(xiàng)目没卸,列表項(xiàng)目使用數(shù)字進(jìn)行標(biāo)記。
有序列表使用 ```<ol>``` 標(biāo)簽秒旋。瀏覽器中顯示的結(jié)果就是下面這個(gè)造型:
![有序列表](http://upload-images.jianshu.io/upload_images/3122121-1719bc128d5fb917.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
#### ```<li>``` 標(biāo)簽
可以看到上面兩個(gè)標(biāo)簽中都有用到 ```<li>``` 標(biāo)簽约计。```<li>``` 標(biāo)簽定義列表項(xiàng)目。
```<li>``` 標(biāo)簽可用在有序列表 (```<ol>```) 和無(wú)序列表 (```<ul>```) 中迁筛。
**注意**:```<ul>```煤蚌、```<ol>``` 和 ```<li>``` 標(biāo)簽可以任意嵌套。