원본 텍스트 : http://andymao.com/andy/post/104.html
이전 섹션 : 순서 목록변하지 않은 목록과 주문 목록을 작성한 후 누군가이 두 기사는 의미가 없다고 말했습니다. 이 두 기사가 단방향 독서에서만 읽히면 실제로 의미가 없지만이 두 기사의 중요한 것은 독자에게 자신의 생각에 추가하도록 요청하는 것입니다. 주문 및 무질서한 단일 태그는 간단합니다. 사용 방법을 알고 있지만 핵심 요점은이 태그가 어떻게 보이는지 아는 것이 아니라고 생각합니다. 그러나 핵심 요점은 어떤 종류의 데이터가 어떤 종류의 목록에 적합한 지에 대한 것입니다. 어떤 종류의 데이터를 주문하고 어떤 종류의 데이터가 무질서합니까? 당신은 읽은 후에 생각해야합니다.
정의 목록에는 특별한 형태와 사용이 있습니다. 무질서한 목록과 비교하여 정의 목록이 훨씬 적습니다. 아직이 목록을 사용하지 않은 많은 친구들이 있으므로이 목록의 코드를 세분화하겠습니다.
<dl>
<dt> </dt>
<dd> </dd>
</dl>
위의 코드를 살펴보면 여기에는 <li> 태그가 없지만 3 개의 태그 DL, DT 및 DD로 구성됩니다. 외관과 이전 목록에 따르면, 우리는 DL이 상자처럼이 목록의 컨테이너라는 것을 알 수 있습니다. 차이점은 이번에는 상자가 통합 표준을 가진 단일 작은 상자가 아니라는 것입니다. 대신 두 가지 내용이 있습니다. DT와 DD를 어떻게 이해합니까? 의미 적으로 DT는 이름, 제목이며 DD는 내용의 설명입니다. DT와 DD는 모두 상자이며 DD는 위의 DT 중 하나만 해석하며 더 이상 또는 아래쪽으로 설명 할 수 없습니다. DT가 존재하지 않으면 DD는 의미가 없습니다. DT가 그것을 따라야하는지에 대한 정확한 문헌을 찾지 못했습니다. 그러나 정의 목록에 대한 이해를 바탕으로 데이터에 DT와 DD가 없으면 정의 목록이 될 수 없으며 UL Unordered List 만 사용할 수 없습니다. 그러나 DD가없는 데이터에 하나 또는 몇 개만 있으면 DD가있는 경우이 형식이 존재할 수 있다고 생각합니다.
<dl>
<dt> 정렬 된 목록 </dt>
<dt> 정렬 된 목록 </dt>
<dt> 정렬 된 목록 </dt>
<dt> 정렬 된 목록 </dt>
</dl>
위의 것은 분명히 부적절합니다. 이 양식은 정렬되지 않은 목록입니다. 정의 목록을 사용해야하는 이유는 무엇입니까? 의미론 측면에서는 의미가 없습니다.
<dl>
<dt> 정렬 된 목록 </dt>
<dd> 정렬 된 목록은 목록에서 시퀀싱 된 데이터로 구성된 데이터 양식입니다.
<dt> 정렬 된 목록 </dt>
<dd> 정렬 된 목록은 목록에서 시퀀싱 된 데이터로 구성된 데이터 양식입니다.
<dt>이 문장에는 설명이 없습니다 </dt>
<dt> 정렬 된 목록 </dt>
<dd> 정렬 된 목록은 목록에서 시퀀싱 된 데이터로 구성된 데이터 양식입니다.
</dl>
나는 개인적으로 위의 형태가 가능하다고 생각합니다. 그렇다면 DT가 여러 DD를 운반 할 수 있습니까? 또한이 시점에서 다큐멘터리 지침을 찾지 못했고 여전히 잘 알려진 웹 사이트에 여러 DD가있는 많은 DT가 있습니다. 이것에 대한 나의 의견은 다른 상황에서 여러 DD를 갖는 것이 좋지만 일반적 으로이 접근법은 여전히 부족하다고 생각합니다. 해석의 관점에서, 다수의 DDS가 다중 설명을 나타내는가? 또는 세그먼트의 내용을 설명하려면 DD를 개를 잡는 개가 될 필요가 없습니다. 많은 단락 태그는 DD에 포함될 수 있습니다. 또한 스타일 애플리케이션의 관점에서, 다수의 DD가 전체적으로 느슨하고 디자인은 불충분하게 확장 할 수 없다. 예를 들어, DT를 클릭하여 해당 DD 효과를 숨기려면이 다중 DD 방법을 구현하기가 쉽지 않습니다. 따라서 특별한 목적이 아닌 경우 가능한 한 여러 DDS를 가진 하나의 DT를 사용하지 마십시오. 대신 내용을 DD에 넣으십시오. 세그먼트로 표시되면 단락 레이블을 사용하고 세그먼트로 표시되면 순서 또는 순서가없는 목록을 표현하십시오.
그것에 대해 이야기하면서 시작합시다. 레이블 자체에는 아무것도 없으며 열쇠는 적용하는 방법에 대해 생각하는 것입니다. 사용자 정의 목록을 사용해야하는지 확인하기 위해 아래 사진을 알려 드리겠습니다. 함께 토론합시다.