2nd/10_Wiki/Dev/Topic_HTML/HTML_Lists.md

id, title, category, status, verification_status, canonical_id, aliases, duplicate_of, source_trust_level, confidence_score, created_at, updated_at, review_reason, merge_history, tags, raw_sources, applied_in, github_commit

id	title	category	status	verification_status	canonical_id	aliases	duplicate_of	source_trust_level	confidence_score	created_at	updated_at	review_reason	merge_history	tags	raw_sources	applied_in	github_commit
html-lists	HTML Lists	Frontend	draft	conceptual		HTML list unordered list ordered list description list ul ol li		B	0.90	2026-06-23	2026-06-23			html web frontend w3schools lists	https://www.w3schools.com/html/html_lists.asp

HTML Lists

🎯 한 줄 통찰 (One-line insight)

HTML lists group related items as unordered (bulleted) lists, ordered (numbered) lists, or description lists that pair terms with their descriptions. [S1]

🧠 핵심 개념 (Core concepts)

• Unordered list (<ul>) — a list of items where order does not matter; items show with bullet markers by default. Each item is an <li>. [S1]
• Ordered list (<ol>) — a list where order matters; items show numbered by default. Each item is an <li>. [S1]
• List item (<li>) — the element used for each item inside both <ul> and <ol>. [S1]
• Description list (<dl>) — a list of terms with a description of each term, using <dt> for the term and <dd> for its description. [S1]

🧩 추출된 패턴 (Extracted patterns)

• Container + item pattern — both unordered and ordered lists wrap a series of <li> items in a single list container (<ul> or <ol>). [S1]
• Term/description pairing pattern — a description list alternates <dt> (term) and <dd> (description) pairs inside <dl>. [S1]

📖 세부 내용 (Details)

Unordered HTML List. An unordered list starts with the <ul> tag. Each list item starts with the <li> tag. The list items will be marked with bullets (small black circles) by default. [S1]

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

Ordered HTML List. An ordered list starts with the <ol> tag. Each list item starts with the <li> tag. The list items will be marked with numbers by default. [S1]

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

HTML Description Lists. HTML also supports description lists. A description list is a list of terms, with a description of each term. The <dl> tag defines the description list, the <dt> tag defines the term (name), and the <dd> tag describes each term. [S1]

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>

HTML List Tags. [S1]

Tag	Description
<ul>	Defines an unordered list
<ol>	Defines an ordered list
<li>	Defines a list item
<dl>	Defines a description list
<dt>	Defines a term in a description list
<dd>	Describes the term in a description list

🛠️ 적용 사례 (Applied in summary)

The "Coffee / Tea / Milk" examples above are the canonical applied examples of each list type. No external project/commit applications found in the source.

💻 코드 패턴 (Code patterns)

Unordered list (HTML):

<ul>
  <li>Item</li>
</ul>

Ordered list (HTML):

<ol>
  <li>Item</li>
</ol>

Description list (HTML):

<dl>
  <dt>Term</dt>
  <dd>Description</dd>
</dl>

⚖️ 비교 및 선택 기준 (Comparison & decision criteria)

• Use <ul> when the order of items does not matter (rendered with bullets). [S1]
• Use <ol> when order matters (rendered with numbers). [S1]
• Use <dl> when each item is a term paired with a description. [S1]

⚖️ 모순 및 업데이트 (Contradictions & updates)

No contradictions found in the source. [S1]

✅ 검증 상태 및 신뢰도

• 상태: draft
• 검증 단계: conceptual (실제 적용 사례 발견 시 applied/validated로 승격 가능)
• 출처 신뢰도: B (W3Schools — widely used educational reference, not a primary standards body)
• 신뢰 점수: 0.90
• 중복 검사 결과: 신규 생성 (New discovery)

🔗 지식 그래프 (Knowledge Graph)

• 상위/루트: HTML Tutorial
• 관련 개념: HTML Tables, HTML Block and Inline, HTML Div, HTML Elements
• 참조 맥락: Referenced whenever a sequence or grouping of related items must be displayed on a web page.

📚 출처 (Sources)

• [S1] W3Schools — HTML Lists — https://www.w3schools.com/html/html_lists.asp

📝 변경 이력 (Change history)

• 2026-06-23: Initial draft synthesized from the W3Schools "HTML Lists" page (Astra wiki-curation, P-Reinforce v3.1 format).