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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。