1. 목록 라벨이란 무엇입니까?
HTML 목록이란 무엇입니까? 테이블 콘텐츠는 목록이라고 하는 컨테이너에 텍스트나 그래픽을 표시하는 형식입니다. 목록의 가장 큰 특징은 깔끔하고 정돈되어 있다는 점입니다.
목록 태그의 역할: 데이터 묶음에 목록 의미 체계를 추가합니다. 즉, 검색 엔진/브라우저에 이 데이터 묶음이 전체임을 알려줍니다.
2. 목록 라벨 분류
HTML 목록은 순서가 있는 목록, 순서가 없는 목록, 정의된 목록으로 구분됩니다.
(1) 순서가 지정된 목록, <ol> + <li> 태그 사용
(2) 순서가 없는 목록, <ul> + <li> 태그 사용
(3) <dl> + <dt> + <dd> 태그를 사용하여 목록을 정의합니다.
1. 순서가 없는 목록
순서가 지정되지 않은 목록은 굵은 점(일반적으로 작은 검은색 원)으로 표시된 항목 목록입니다.
순서가 지정되지 않은 목록은 <ul> 태그로 시작됩니다. 각 목록 항목은 <li>로 시작합니다.
<html><body><!--순서가 지정되지 않은 목록: --><ul><li>커피</li><li>우유</li><li>녹차</li><li>콜라< /li><li>요구르트</li></ul></body></html>
제시된 최종 결과는 다음과 같습니다.
순서가 지정되지 않은 목록에는 <ul> 및 <li> 태그를 사용해야 합니다.
(1) <ul>은 unordered list의 약어로, 순서가 없는 목록을 의미합니다.
(2) <ul>은 <ol>의 <li>와 동일하며 목록의 각 항목을 나타냅니다. 기본적으로 순서가 지정되지 않은 목록의 각 항목은 ● 기호로 표시됩니다.
참고: <ul>은 일반적으로 <li>와 함께 사용되며 <ul>에 <li> 이외의 다른 태그를 직접 사용하는 것은 권장되지 않습니다.
2. 주문목록
순서가 지정된 목록은 항목의 목록이기도 하며 목록 항목에는 숫자가 표시됩니다.
순서가 있는 목록은 <ol> 태그로 시작됩니다. 각 목록 항목은 <li> 태그로 시작됩니다.
<html><body><!--주문 목록: --><ol><li>커피</li><li>우유</li><li>녹차</li><li>콜라< /li><li>요거트</li></ol></body></html>
제시된 최종 결과는 다음과 같습니다.
순서가 지정된 목록에는 <ol> 및 <li> 태그를 사용해야 합니다.
(1) <ol>은 order list의 약어로, 순서가 지정된 목록을 의미하며 기본적으로 1부터 시작하여 목록의 각 항목에 번호를 매길 수 있습니다.
(3) <li>는 list item의 약어로, 목록의 각 항목을 나타냅니다. <ol>에 포함된 <li>의 개수는 콘텐츠가 몇 개인지를 나타냅니다. 목록 항목에는 텍스트, 이미지, 링크 등이 포함될 수도 있고 다른 목록도 포함될 수 있습니다.
참고: <ol>은 일반적으로 <li>와 함께 사용되며 <ol>에 <li> 이외의 다른 태그를 직접 사용하는 것은 권장되지 않습니다.
3. 정의 목록
사용자 정의 목록은 단순한 항목 목록이 아니라 항목과 해당 설명의 조합입니다.
사용자 정의 목록은 <dl> 태그로 시작됩니다. 각 사용자 정의 목록 항목은 <dt>로 시작합니다. 각 사용자 정의 목록 항목의 정의는 <dd>로 시작됩니다.
<html><body><!--주문 목록: --><dl><dt>커피</dt><dd>따뜻한 음료</dd><dt>우유</dt><dd>찬 음료 < /dd></dl></body></html>
제시된 최종 결과는 다음과 같습니다.
목록을 정의하려면 <dl>, <dt> 및 <dd> 태그가 필요합니다.
(1) <dl>은 정의 목록(Definition List)의 약어로 정의 목록을 의미합니다.
(2) <dt>는 정의용어의 약어로 정의용어를 의미하며, 이를 우리가 제목이라 부르는 것입니다.
(3) <dd>는 Definition Description의 약자로 정의기술을 의미한다.
<dt>는 개념(용어)을 정의하고, <dd>는 개념(용어)을 설명하기 위해 사용된다고 볼 수 있다.
참고: <dt>와 <dd>는 형제 태그이며 둘 다 <dl>의 하위 태그입니다. 일반적으로 각 <dt>는 <dd>와 쌍을 이루며, <dl>에는 <dt>와 <dd>의 여러 쌍이 포함될 수 있습니다.
요약: 목록 태그