HTML - <dir> 標籤



HTML <dir> 標籤用於指定目錄列表。這與<ul> 標籤非常相似。

HTML <dir> 標籤已不再推薦使用,因為它已棄用且在 HTML5 中不受支援。可以使用 <ul> 標籤和 CSS 屬性來代替。

語法

<dir> Lists... </dir>

屬性

HTML dir 標籤支援 HTML 的全域性事件屬性。也接受一些特定的屬性,如下所示。

屬性 描述
compact compact 指定緊湊的渲染(已棄用)。
dir ltr
rtl
auto
指定目錄列表的方向(已棄用)。

HTML dir 標籤示例

下面的例子將說明 dir 標籤的使用。在哪裡、何時以及如何使用 dir 標籤建立目錄列表。

建立緊湊的目錄列表

在下面的例子中,我們將使用 dir 標籤來建立一個緊湊的目錄列表。由於 compact 屬性已棄用,因此不會看到任何區別。

<!DOCTYPE html>
<html>

<head>
   <title>HTML dir Tag</title>
</head>

<body>
   <dir compact>
      <li>HTML</li>
      <li>CSS</li>
      <li>JS</li>
   </dir>
</body>

</html>

建立定向的緊湊目錄列表

在下面的例子中,我們將使用 dir 標籤來建立一個定向的目錄列表。

<!DOCTYPE html>
<html>

<head>
    <title>HTML dir Tag</title>
</head>

<body>
    <dir dir="ltr">
        <li>HTML: HyperText Markup Language</li>
    </dir>
    <dir dir="rtl">
        <li>CSS: CAscading Style Sheet</li>
    </dir>
    <dir dir="auto">
        <li>JS: JavaScript</li>
    </dir>
</body>

</html>

支援的瀏覽器

標籤 Chrome Edge Firefox Safari Opera
dir 支援 1.0 支援 12 支援 1.0 支援 4.0 支援 12.1
html_tags_reference.htm
廣告