Тег <dir> в HTML — застарілий список каталогів

<h3>Приклад використання тегу <code>dir</code></h3>
<p><b>Приклад з використанням тегу <code>dir</code></b></p>
<p>Обов'язкові предмети, що вивчаються в школі:</p>
<dir>
    <li>Українська мова</li>
    <li>Математика</li>
    <li>Англійська мова</li>
    <li>Природознавство</li>
    <li>Інформатика</li>
    <li>Фізична культура</li>
  </dir>
<br><br>
<p><b>Приклад без використання тегу <code>dir</code></b></p>
<p>Обов'язкові предмети, що вивчаються в школі:</p>

    <li>Українська мова</li>
    <li>Математика</li>
    <li>Англійська мова</li>
    <li>Природознавство</li>
    <li>Інформатика</li>
    <li>Фізична культура</li>

HTML

<dir>
  <li>Теґ dir: звичайний список</li>
  <li>нічого «каталожного» тут немає</li>
</dir>

<ul>
  <li>Той самий вигляд у ul — беріть його</li>
  <li>і не думайте про застарілий теґ</li>
</ul>

<ul dir="rtl">
  <li>А це атрибут dir="rtl" на списку</li>
  <li>مرحبا — маркер праворуч, текст справа наліво</li>
</ul>

CSS

dir,
ul {
  border: 1px solid #bbb;
  padding: .5rem 2.5rem;
  margin-bottom: .6rem;
}

ul[dir="rtl"] {
  background: #fff7e6;
}