문제

나는 최근에 나를 위해 설계된 사이트 템플릿이있었습니다. 검증 된 최종 HTML 코드를 얻었지만 문서의 구조는 DL-DD 쌍을 사용하여 배치됩니다.

<dl>
  <dd class="some-class">
    Some text.
  </dd>
</dl>

나는 그 태그를 많이 사용한 적이 없기 때문에 그 태그에 특히 익숙하지 않지만 문서 구조를위한 것이 아닌 것 같습니다. 내가 맞아? 디자이너가 왜 이것을할까요?

도움이 되었습니까?

해결책

당신은 그렇게 사용해서는 안된다는 점에서 옳습니다. 제가 디자이너를 사용하여 생각할 수있는 유일한 이유는 <dd> 대부분의 브라우저에서 태그가 들여 쓰기됩니다. 그들이 패딩/여백을 무시하고 있다면, 당신의 추측은 내 것만 큼 좋습니다.

다른 팁

DL 태그는 a와 거의 같습니다 UL 태그, 정렬되지 않은 목록을 시작합니다.

차이는 기본적으로 총알이 없다는 것입니다. DL/DD 커플.

그러나 대부분의 경우, 그것은 실제 사용에 사용됩니다. efinition ist, 그리고 함께 사용됩니다 DT 그리고 DD,, 그것은 efinition 음과 efinition 모양의 escription :

<DL>
  <DT>CSS</DT>
  <DD>Cascading Style Sheet</DD>
</DL>

기본적으로 용어를 조금 들여 보내고 정의가 조금 더 들여 쓰기가 될 것입니다.

WC3에서 : http://www.w3.org/tr/html401/struct/lists.html#h-10.3

정의 목록은 해당 목록의 다른 유형의 목록과 약간 다릅니다. 항목은 용어와 설명의 두 부분으로 구성됩니다. 이 용어는 DT 요소에 의해 제공되며 인라인 컨텐츠로 제한됩니다. 설명은 블록 레벨 컨텐츠를 포함하는 DD 요소와 함께 제공됩니다.

따라서 예를 들어, 이러한 유형의 구조는 특정 유형의 컨텐츠에 사용되어야 하며이 컨텍스트에 맞지 않는 데이터를 구성하지 않아야합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top