HTML <dir>用法及代码示例

它用于制作目录标题列表。 HTML 5不支持它。<ul>或使用CSS代替<dir>标签。

用法:

<dir> Lists... </dir>

下面的示例说明了HTML中的<dir>标签：

例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>dir tag</title> 
        <style> 
            .gfg { 
                font-size:40px; 
                font-weight:bold; 
                color:green; 
            } 
            .geeks { 
                font-size:25px; 
                font-weight:bold; 
            } 
        </style> 
    </head> 
    <body> 
        <div class = "gfg">GeeksforGeeks</div> 
        <div class = "geeks"><dir> Tag</div> 
        <p>List of all computer science subjects:</p> 
            <dir> 
                <li>Operating system</li> 
                <li>Data Structures</li> 
                <li>computer network</li> 
                <li>Dbms</li> 
                <li>Oops</li> 
            </dir> 
    </body> 
</html>

输出：

可选属性：此标记包含可选的单个属性Compact。它用于通过减小列表项之间的间距来指定比正常大小小的列表大小渲染。这是一个布尔属性。

例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>dir tag</title> 
        <style> 
            .gfg { 
                font-size:40px; 
                font-weight:bold; 
                color:green; 
            } 
            .geeks { 
                font-size:25px; 
                font-weight:bold; 
            } 
        </style> 
    </head> 
    <body> 
        <div class = "gfg">GeeksforGeeks</div> 
        <div class = "geeks"><dir> Tag</div> 
        <p>List of all computer science subjects:</p> 
            <dir compact> 
                <li>Operating system</li> 
                <li>Data Structures</li> 
                <li>computer network</li> 
                <li>Dbms</li> 
                <li>Oops</li> 
            </dir> 
    </body> 
</html>

输出：

注意：任何浏览器均不支持compact属性。

支持的浏览器：<dir>标签支持的浏览器如下：

谷歌浏览器
IE浏览器
Firefox
Opera
Safari

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | <dir> Tag。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。