HTML <dir> 标签用于指定目录列表。这与 <ul> 标签非常相似。
不再推荐使用 HTML <dir> 标签,因为它已被弃用,在 HTML5 中不受支持。我们可以使用 <ul> 标签和 CSS 属性,而不是使用此标签。
语法
<dir> Lists... </dir>
属性
<dir> 标签支持 HTML 的 全局属性 和 事件属性。还接受下面列出的一些特定属性。
属性 | 值 | 描述 |
---|---|---|
compact | compact | 指定紧凑呈现(已弃用)。 |
dir | ltr rtl auto |
指定目录列表的方向(已弃用)。 |
HTML <dir> 标签 的示例
下面的示例将说明 <dir> 标签的用法。在哪里、何时以及如何使用 <dir> 标签创建目录列表。
创建压缩目录列表
在以下示例中,我们将使用 <dir> 标签来创建一个紧凑的目录列表。使用紧凑属性没有明显的区别,因为它已被弃用。
<!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>
创建 Compact 定向目录列表
在以下示例中,我们将使用<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>
支持的浏览器
浏览器 | ![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
是否支持 | 1.0 | 12.0 | 1.0 | 4.0 | 12.1 |