<ul>
HTML <ul> 태그
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h4>无序列表:</h4> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </body> </html>
인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
브라우저 지원
전공 브라우저는 모두 <ul> 태그를 지원합니다.
태그 정의 및 사용 지침
<ul> 태그 정의 순서가 지정되지 않은 목록입니다.
순서가 지정되지 않은 목록을 만들려면 <li> 태그와 함께 <ul> 태그를 사용하세요.
팁 및 메모
팁: CSS를 사용하여 목록 스타일을 지정하세요.
팁: <ol> 태그를 사용하여 순서가 지정된 목록을 만드세요.
HTML 4.01과 HTML5의 차이점
HTML 4.01에서는 "compact" 및 "type" 속성이 더 이상 사용되지 않습니다. HTML5는 이 두 가지 속성을 지원하지 않습니다.
Attribute
| Attribute | Value | Description |
|---|---|---|
| compact | compact | HTML5 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다. 목록이 평소보다 작게 렌더링되도록 지정합니다. |
| type | 디스크 광장 Circle | HTML5는 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다. 목록의 글머리 기호 유형을 지정합니다. |
전역 속성
<ul> 태그는 HTML 전역 속성을 지원합니다.
이벤트 속성
<ul> 태그는 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>
인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.
중첩 목록 2
이 예에서는 더 복잡한 중첩 목록을 보여줍니다.
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 목록
