آموزش و يادگيري تگ dir در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ <dir> آشنا مي‌شويم. اين تگ براي ايجاد فهرست‌هاي دايرکتوري (Directory List) در HTML استفاده مي‌شد، اما در نسخه‌هاي مدرن HTML منسوخ شده و بهتر است از <ul> يا <ol> استفاده کنيد.

تگ dir در HTML چيست؟

تگ <dir> براي نمايش فهرست‌هاي ساده به صورت ليست استفاده مي‌شد. اين تگ مشابه <ul> است، اما اکنون در HTML5 منسوخ شده و مرورگرهاي مدرن آن را به عنوان يک ليست بدون علامت نمايش مي‌دهند.

مثال ساده از تگ dir

<dir>
  <li>فايل ?</li>
  <li>فايل ?</li>
  <li>فايل ?</li>
</dir>

اين مثال مشابه يک <ul> ساده عمل مي‌کند و سه آيتم را به صورت ليست نمايش مي‌دهد.

ويژگي‌هاي مهم تگ dir

توجه مهم

• تگ <dir> در HTML5 منسوخ شده است و استفاده از آن توصيه نمي‌شود.
• به جاي آن از <ul> براي ليست‌هاي بدون شماره يا <ol> براي ليست‌هاي شماره‌دار استفاده کنيد.
• براي استايل‌دهي به ليست‌ها، مي‌توان از CSS مدرن بهره برد.

مثال جايگزين مدرن

<ul class="file-list">
  <li>فايل ?</li>
  <li>فايل ?</li>
  <li>فايل ?</li>
</ul>

<style>
  .file-list {
    list-style-type: none;
    padding: 0;
  }
  .file-list li {
    padding: 4px 0;
  }
</style>

اين روش جايگزين استاندارد و مدرن براي تگ <dir> است.

براي يادگيري کامل HTML و نحوه ايجاد ليست‌ها، پيشنهاد مي‌کنيم در دوره آموزش HTML مقدماتي تا پيشرفته آموزش دون شرکت کنيد.

براي مشاهده تمام آموزش‌هاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.