dl 예제

이전 예제와 같이 관련된 용어 그룹화뿐만 아니라 다른 언어의 용어도 공통 정의를 부여할 수 있습니다. lang 특성의 사용을 기록합니다. 여는 목록 태그는

있어야 합니다. 그 다음에는 선택적 목록 헤더(캡션)가 뒤따르고 용어 이름(
)과 정의(
)가 표시됩니다. 예: 인간만 이 페이지를 보고 있다고 생각하면 오해를 받을 수 있습니다. DL 요소에 관심이 있는 응용 프로그램의 예는 google 용어집입니다. 이것은 현재 구글 연구소의 제품이며, 따라서 개발중이며 수시로 이동할 수 있습니다. 용어집 검색 엔진이 수행하는 일은 정의 목록을 사용하여 페이지에 부가 가치를 제공하는 방법에 대한 구체적인 예제를 제공하는 것입니다. 콘텐츠를 검색적으로 표시하면 자동 방법으로 훨씬 더 쉽게 처리 할 수 있습니다. 설명 목록을 사용하면 용어 목록을 만든 다음 각 용어에 대해 하나 이상의 설명을 제공할 수 있습니다. HTML 4에서
태그는 “정의 목록”을 정의했습니다. 그러나 HTML5에서는 이 목록이 “설명 목록”으로 변경되었습니다.

이 변경은 용어와 설명이 정의일 필요는 없음을 나타내는 것 외에는 별 의미가 없습니다. 예를 들어 블로그 게시물에 메타데이터를 표시하기 위해 설명 목록을 사용할 수 있습니다. 예제의 끝에 한 그룹에는 두 개의 메타데이터 레이블(“작성자” 및 “편집자”)과 두 값(“로버트 로스만”과 “다니엘 잭슨”)이 있습니다. 정의 목록은 용어와 설명의 간단한 페어링에 국한되지 않으며, 이 예제에서는 정의 목록을 사용하여 여러 용어에 대한 단일 설명을 나타내는 방법을 보여 주어 있습니다. 다음 예제에서는 하나의 항목(“작성자”)이 두 값(“John”과 “Luke”)에 연결됩니다. 정의 용어는 두 개 이상의 설명에 연결할 수 있습니다. 또한 단일 설명에 대해 여러 용어가 있을 수 있습니다(예: 정의된 용어의 철자가 여러 개인 경우). 이 경우 각 용어는 자체 dt 태그 집합에 동봉되어야 합니다(단일 dt 요소 내에 두 개 이상의 용어가 없어야 합니다). 여는 목록 태그는 DL COMPACT여야 합니다. 첫 번째 용어(DT)가 바로 뒤에 와야 합니다.

예: 이 섹션에서는 정의 목록을 사용하는 방법에 대한 몇 가지 예제를 제공합니다. 여러 설명을 사용하여 단일 용어를 정의하는 것은 설명하는 용어가 실제로 둘 이상의 의미를 가질 때 유용할 수 있으며, 다음 예제는 HTML 4 사양에 제공된 예제를 기반으로 합니다. 다음 예제에서는 일련의 지침을 제공하는 데 사용되는 dl 요소를 보여 줍니다. 여기에 지침의 순서가 중요하다 (다른 예에서, 블록의 순서는 중요하지 않았다). 다음 코드 조각은 용어집으로 사용되는 dl 요소를 보여 주며 있습니다. 정의되는 단어를 나타내기 위해 dfn을 사용합니다.

Comments are closed