HTML 참조 매뉴얼

HTML 태그大全

HTML: <li> 태그

HTML <li>标签在HTML文档的 <ol>， <ul>或 <menu>中定义了一个列表项。该标签通常也称为 <li>元素。

온라인 예제

HTML 两个列表示例：一个有序列表 (<ol>) 和一个无序列表 (<ul>) :

示例

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5　li标签的使用(基础教程网　oldtoolbag.com)</title>
</head>
<body>
<ol>
　　<li>First　item</li>
　　<li>Second　item</li>
　　<li>Third　item</li>
　　<li>Fourth　item</li>
</ol>
<ul>
　　<li>First　item</li>
　　<li>Second　item</li>
　　<li>Third　item</li>
</ul>
<ul>
　　<li>First　item
　　　　<ol>
　　　　　　<li>Nested　item　A</li>
　　　　　　<li>Nested　item　B</li>
　　　　　　<li>Nested　item　C</li>
　　　　　　<li>Nested　item　D</li>
　　　　</ol>
　　</li>
　　<li>Second　item</li>
　　<li>Third　item</li>
　　<li>Fourth　item</li>
</ul>
</body>
</html>

测试看看 ‹/›

在此HTML5文档示例中，我们有一个带有四个<li>列表项的有序列表<ol>标记。然后，我们有一个带有三个<li>列表项的无序列表<ul>标记。最后，我们在无序列表<ul>标记中嵌套了有序列表<ol>标记。

浏览器兼容性

IEFirefoxOperaChromeSafari

目前多数主流浏览器支持 <li>标签。

标签定义及使用说明

<li> 标签定义列表项目。

<li> 标签可用在有序列表（<ol>）、无序列表（<ul>）和菜单列表（<menu>）中。

您可以嵌套<ol，<ul>和<menu>列表。

HTML 4.01 와 HTML5之间的差异

"type" 속성이 HTML 4.01 已被废弃。HTML5 이 속성을 지원하지 않습니다.

"value" 속성이 HTML 4.01 已被废弃。HTML5 이 속성을 지원하지 않습니다.

안내와 주의사항

안내: 목록과 목록 항목의 타입을 정의하기 위해 CSS를 사용하세요.

속성

속성	값	설명
type	1 A a I i disc square circle	HTML5 이 속성을 지원하지 않습니다. HTML 4.01 이 속성은 더 이상 사용되지 않습니다. 이 속성은 더 이상 사용되지 않습니다. 스타일을 대체하세요. 사용할 프로젝트 타입을 정의합니다. 숫자 스타일을 지시하는 문자 값입니다. 다음 중 어느 값이든 될 수 있습니다: a-소문자를 나타냅니다 A-대문자를 나타냅니다 i-소문자 로마자 숫자를 나타냅니다 I-대문자 로마자 숫자를 나타냅니다 1-숫자를 나타냅니다
value	number	이 속성은 더 이상 사용되지 않습니다. 스타일을 대체하세요. 목록 항목의 숫자를 정의합니다.

전역 속성

<li> 태그는 전역 속성을 지원합니다. 완전한 속성 테이블을 확인하세요 HTML 전역 속성。

이벤트 속성

<li> 태그는 모든 이벤트 속성을 지원합니다 HTML 이벤트 속성。

온라인 예제

다른 유형의 순서 목록
다른 유형의 순서 목록

다른 유형의 불순서 목록
다른 유형의 불순서 목록

내포 목록
이 예제는 목록을 어떻게 내포하는지 보여줍니다.

내포 목록 2
이 예제는 더 복잡한 내포 목록을 보여줍니다.

사용자 정의 목록
이 예제는 정의 목록을 보여줍니다.

HTML 참조 매뉴얼

HTML 태그大全

HTML: <li> 태그

온라인 예제

浏览器兼容性

标签定义及使用说明

HTML 4.01 와 HTML5之间的差异

안내와 주의사항

속성

전역 속성

이벤트 속성

온라인 예제

관련 기사