Computer >> 컴퓨터 >  >> 프로그래밍 >> HTML

HTML에서 디렉토리 목록을 표시하는 방법


HTML에서 디렉토리 목록을 표시하려면 dir 태그를 사용할 수 있습니다. 이 태그는 <ul> 태그와 매우 유사하게 동작하지만, 현재는 공식적으로 폐기(deprecated)된 상태이므로 실제 개발 환경에서는 <dir> 태그의 사용을 피하는 것이 좋습니다.

dir 태그의 속성

<dir> 태그에서 사용되던 속성은 다음과 같습니다.

속성

설명
Compact
compact
폐기됨 − 목록을 간결한(compact) 형태로 렌더링하도록 지정합니다.

예제

다음 코드를 실행하면 HTML에서 디렉토리 목록이 어떻게 표시되는지 직접 확인할 수 있습니다.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML dir Tag</title>
   </head>
   <body>
      <p>The following are the values:</p>
      <dir>
         <li>car</li>
         <li>bike</li>
         <li>ship</li>
      </dir>
   </body>
</html>

참고: 현대적인 대안

<dir> 태그는 HTML4에서 폐기되었으며 HTML5에서는 완전히 제거되었습니다. 따라서 최신 웹 표준을 준수하는 문서를 작성하려면 디렉토리 목록을 비롯한 모든 순서 없는 목록에 <ul> 태그를 사용하고, 필요에 따라 CSS를 활용해 스타일을 조정하는 것이 바람직합니다. 이렇게 하면 브라우저 호환성과 접근성 측면에서도 훨씬 안정적인 결과를 얻을 수 있습니다.