It is used to make a list of directory titles. It is not supported in HTML 5 so ul or CSS are used instead of <dir> tag.
Syntax:
<dir> Lists... </dir>
Below example illustrates the <dir> tag in HTML:
Example:
<!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> |
Output:
Optional Attributes: This tag contains single attributes Compact which is optional. It is used to specify the list size render smaller than normal by reducing the space between list items. It is a boolean attribute.
Example:
<!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> |
Output:
Note: The compact attribute is not supported by any browser.
Supported Browsers: The browser supported by <dir> tag are listed below:
- Apple Safari
- Google Chrome
- Firefox
- Opera
- Internet Explorer
leave a comment
0 Comments