HTML4부터 폐지예정, HTML5에서 폐지
설명
The HTML directory element (<dir>) represents a directory, namely a collection of filenames.
<dir>요소는 파일 디렉토리를 표현합니다. 즉, 파일 이름들의 모음입니다.
참고 : Do not use this element. Though present in the early HTML specification, it has been deprecated in HTML 4, then is obsolete in HTML 5. Use the <ul> instead.
참고 : 이 요소는 이제 사용하지 마세요. 초기 HTML 규정에는 있지만 현재는 HTML4부터 사용이 중지 되었습니다. 그리고 HTML5에서 아주 쓸모없게 되었습니다. 대신에 <ul>요소를 사용할 수 있습니다.
-
Other list-related HTML Elements:
<ol>
,<ul>
,<li>
,<menu>
; -
CSS properties that may be specially useful to style the <dir> element:
- the list-style property, useful to choose the way the ordinal is displayed,
- CSS counters, useful to handle complex nested lists,
-
the line-height property, useful to simulate the deprecated
compact
attribute, -
the margin property, useful to control the indent of the list.
- 다른 리스트 HTML 요소 : <ol>, <ul>, <li>, <menu>;
-
<dir>요소를 특히 유용하게 사용할 수 있는 CSS 속성 :
- list-style 속성은 순서가 표시되는 방법을 표현하는데 유용합니다. 리스트 표현하는 모양새를 설정할 것인지, 어떤 모양을 설정할 것인지에 대해서 다루고 있습니다.
- CSS counters는 복잡하고 중접된 리스트를 다루기에 유용합니다.
- line-height는 요소의 줄과 줄 간격을 설정하는 데에 유용하게 사용할 수 있습니다. 얼마나 간격을 띄울 것인지 설정할 수 있습니다.
- margin은 많은 요소들의 여백을 관장하듯이 이 요소에서도 요소들의 여백을 설정할 수 있으며 리스트의 들여쓰기를 제어할 수도 있습니다.
속성
이 엘리먼트는 전역속성을 지원한다.
compact
This Boolean attribute hints that the list should be rendered in a compact style. The interpretation of this attribute depends on the user agent and it doesn't work in all browsers.
이 부울 속성은 Compact 속성을 사용할 수 있다. 그러나 이 속성은 더 이상 유효한 속성이 아니다. 완전히 없어지게 된 속성이 되었다. 이제 사용자의 기억 속에만 존재하게 되었으며 모든 브라우저에서 더이상 동작하지 않는다.
참고 : Do not use this attribute, as it has been deprecated: the <dir> element should be styled using CSS. To give a similar effect than the compact attribute, the CSS property line-height can be used with a value of 80%.
이 속성은 이제 사용이 중지되었기 때문에 사용하지 마시기 바랍니다 : <dir> 요소는 CSS에서 사용해야 한다. Compact 속성과 비슷하게 나타내려면 CSS의 line-height 속성값을 80%로 사용할 수 있다.
DOM Interface
This element implements the HTMLDirectoryElement
interface.
이 요소는 HTMLDirectoryElement의 인터페이스를 구현합니다.
호환성
기능 | 구글크롬 | 파이어폭스Gecko) | 인터넷 익스플로러 | Opera | Safari |
---|---|---|---|---|---|
기본적인 지원 | 지원 | 지원 | 지원 | 지원 |
기능 | 안드로이드 | 파이어폭스 모바일(Gecko) | 인터넷 익스플로러 모바일 | 오페라 모바일 | 사파리 모바일 |
---|---|---|---|---|---|
기본적인 지원 | 지원 | 지원 | 지원 | 지원 | 지원 |