<리>
HTML <li> 태그
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>有序列表:</p> <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> <p>无序列表:</p> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </body> </html>
인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
브라우저 지원
현재 대부분의 주류 브라우저 브라우저는 <li> 태그를 지원합니다.
태그 정의 및 사용 지침
<li> 태그 정의 목록 항목입니다.
<li> 태그는 순서가 있는 목록(<ol>), 순서가 없는 목록(<ul>) 및 메뉴 목록(<menu>)에서 사용할 수 있습니다.
HTML 4.01과 HTML5의 차이점
HTML 4.01에서는 "type" 속성이 더 이상 사용되지 않습니다. HTML5는 이 속성을 지원하지 않습니다.
"value" 속성은 HTML 4.01에서 더 이상 사용되지 않습니다. HTML5는 이 속성을 지원하지 않습니다.
팁 및 메모
팁: CSS를 사용하여 목록 및 목록 항목의 유형을 정의하세요.
property
| property | value | description |
|---|---|---|
| type | 1 ㅇ 나 나 디스크 광장 Circle | HTML5는 이 속성을 지원하지 않습니다. 이 속성은 HTML 4.01에서 더 이상 사용되지 않습니다. 더 이상 사용되지 않습니다. 스타일로 교체해주세요. 사용할 글머리 기호를 지정합니다. |
| value | number | 지원 중단되었습니다. 스타일로 교체해주세요. 목록 항목 수를 지정합니다. |
전역 속성
<li> 태그는 전역 속성을 지원합니다. 전체 속성 테이블 HTML 전역 속성을 확인하세요.
이벤트 속성
<li> 태그는 모든 HTML 이벤트 속성을 지원합니다.
온라인 인스턴스
중첩 목록
목록 내의 목록.
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h4>嵌套列表：</h4> <ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea</li> </ul> </li> <li>Milk</li> </ul> </body> </html>
인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.
또 다른 중첩 목록
더 복잡한 중첩 목록입니다.
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h4>嵌套列表：</h4> <ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea <ul> <li>China</li> <li>Africa</li> </ul> </li> </ul> </li> <li>Milk</li> </ul> </body> </html>
인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
관련 기사
HTML 튜토리얼: HTML 목록
