HTML 요소 - 문자 콘텐츠

문자 콘텐츠

<ol>, <ul>, <li>

각 항목 (<li>)의 정렬된 목록 (<ol>)이나 정렬되지 않은 목록(<ul>)을 설정한다.

(Ordered List, Unordered List, List Item, 순서가 필요하거나(<ol>) 순서가 필요하지 않은(<ul>) 목록을 정의)

• <ol>과 <ul>은 자식으로 <li>만 포함 가능하다.
• <li>는 단독으로 사용할 수 없으며, <ol>이나 <ul>에 자식으로 포함되어야 한다.
• 정렬된 목록(<ol>)의 항목 순서는 중요도를 의미할 수 있다.

ol, ul { display: block; }
li { display: list-item; }

<ol>

• 정렬된 목록을 설정한다.

속성	의미	값	특징
start	항목에 매겨지는 번호의 시작 값	숫자(Number)
type	항목에 매겨지는 번호의 유형	a, A, i, I, 1

<li>

• 학목을 설정한다.

속성	의미	값	특징
value	항목의 순서를 설정	숫자(Number)	이하 항목들의 순서가 다시 지정됨

<dl>, <dt>, <dd>

용어(<dt>)와 정의(<dd>) 쌍들의 영역(<dl>)을 설정한다.

(Description List, Definition Details, Definition Term)

• <dl>은 <dd>, <dt>만을 포함해야 한다.
• 키(key)/값(value) 형태를 표시할 때 유용하다.

<p>

하나의 문단을 설정한다.

• 일반적으로 정보통신보조기기 등은 다음 문단(<p>)으로 넘어갈 수 있는 단축키를 제공한다.

<hr />

문단의 분리(주제에 의한)를 위해 설정한다.

• 대부분의 경우 수평선(border)으로 표시(표현적 관점)되나 의미적 관점으로만 사용해야 한다.

<pre>

서식이 미리 지정된 텍스트를 설정한다.

• 텍스트의 공백과 줄바꿈을 유지하여 표시할 수 있다.
• 기본적으로 Monospace 글꼴 계열로 표시된다.

<blockquote>

일반적인 인용문을 설정한다.

속성	의미	값
cite	인용된 정보의 URL	URL

---

※ 참고 링크

- https://heropy.blog/