summaryrefslogtreecommitdiff
path: root/devdocs/html/element%2Fdir.html
diff options
context:
space:
mode:
authorCraig Jennings <c@cjennings.net>2024-04-07 13:41:34 -0500
committerCraig Jennings <c@cjennings.net>2024-04-07 13:41:34 -0500
commit754bbf7a25a8dda49b5d08ef0d0443bbf5af0e36 (patch)
treef1190704f78f04a2b0b4c977d20fe96a828377f1 /devdocs/html/element%2Fdir.html
new repository
Diffstat (limited to 'devdocs/html/element%2Fdir.html')
-rw-r--r--devdocs/html/element%2Fdir.html78
1 files changed, 78 insertions, 0 deletions
diff --git a/devdocs/html/element%2Fdir.html b/devdocs/html/element%2Fdir.html
new file mode 100644
index 00000000..f5465486
--- /dev/null
+++ b/devdocs/html/element%2Fdir.html
@@ -0,0 +1,78 @@
+<header><h1>&lt;dir&gt;: The Directory element</h1></header><div class="section-content">
+<div class="notecard deprecated" id="sect1"><p><strong>Deprecated:</strong> This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the <a href="#browser_compatibility">compatibility table</a> at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.</p></div> <p>The <code>&lt;dir&gt;</code> <a href="../index">HTML</a> element is used as a container for a directory of files and/or folders, potentially with styles and icons applied by the <a href="https://developer.mozilla.org/en-US/docs/Glossary/User_agent">user agent</a>. Do not use this obsolete element; instead, you should use the <a href="ul"><code>&lt;ul&gt;</code></a> element for lists, including lists of files.</p> <div class="notecard warning" id="sect2"> <p><strong>Warning:</strong> Do not use this element. Though present in early HTML specifications, it has been deprecated in HTML 4, and has since been removed entirely. <strong>No major browsers support this element.</strong></p> </div>
+</div>
+<h2 id="dom_interface">DOM interface</h2>
+<div class="section-content"><p>This element implements the <a class="page-not-created"><code>HTMLDirectoryElement</code></a> interface.</p></div>
+<h2 id="attributes">Attributes</h2>
+<div class="section-content">
+<p>Like all other HTML elements, this element supports the <a href="../global_attributes">global attributes</a>.</p> <dl> <dt id="compact">
+<a href="#compact"><code>compact</code></a> <abbr class="icon icon-deprecated" title="Deprecated. Not for use in new websites."> <span class="visually-hidden">Deprecated</span> </abbr>
+</dt> <dd> <p>This Boolean attribute hints that the list should be rendered in a compact style. The interpretation of this attribute depends on the user agent and it doesn't work in all browsers.</p> </dd> </dl>
+</div>
+<h2 id="specifications">Specifications</h2>
+<div class="section-content"><p>Not part of any current specifications.</p></div>
+<h2 id="browser_compatibility">Browser compatibility</h2>
+<div class="_table"><table>
+<thead>
+<tr id="bct-browser-type">
+<th></th>
+<th colspan="6">Desktop</th>
+<th colspan="6">Mobile</th>
+</tr>
+<tr id="bct-browsers">
+<th></th>
+<th>Chrome</th>
+<th>Edge</th>
+<th>Firefox</th>
+<th>Internet Explorer</th>
+<th>Opera</th>
+<th>Safari</th>
+<th>WebView Android</th>
+<th>Chrome Android</th>
+<th>Firefox for Android</th>
+<th>Opera Android</th>
+<th>Safari on IOS</th>
+<th>Samsung Internet</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<th><code>dir</code></th>
+<td class="bc-supports-yes">1</td>
+<td class="bc-supports-yes">12</td>
+<td class="bc-supports-yes">1</td>
+<td class="bc-supports-yes">≤6</td>
+<td class="bc-supports-yes">≤12.1</td>
+<td class="bc-supports-yes">≤4</td>
+<td class="bc-supports-yes">4.4</td>
+<td class="bc-supports-yes">18</td>
+<td class="bc-supports-yes">4</td>
+<td class="bc-supports-yes">≤12.1</td>
+<td class="bc-supports-yes">≤3.2</td>
+<td class="bc-supports-yes">1.0</td>
+</tr>
+<tr>
+<th><code>compact</code></th>
+<td class="bc-supports-yes">1</td>
+<td class="bc-supports-yes">12</td>
+<td class="bc-supports-yes">1</td>
+<td class="bc-supports-yes">≤6</td>
+<td class="bc-supports-yes">≤12.1</td>
+<td class="bc-supports-yes">≤4</td>
+<td class="bc-supports-yes">4.4</td>
+<td class="bc-supports-yes">18</td>
+<td class="bc-supports-yes">4</td>
+<td class="bc-supports-yes">≤12.1</td>
+<td class="bc-supports-yes">≤3.2</td>
+<td class="bc-supports-yes">1.0</td>
+</tr>
+</tbody>
+</table></div>
+<h2 id="see_also">See also</h2>
+<div class="section-content"><ul> <li>Other list-related HTML Elements: <a href="ol"><code>&lt;ol&gt;</code></a>, <a href="ul"><code>&lt;ul&gt;</code></a>, <a href="li"><code>&lt;li&gt;</code></a>, and <a href="menu"><code>&lt;menu&gt;</code></a>;</li> <li>CSS properties that may be specially useful to style the <code>&lt;dir&gt;</code> element: <ul> <li>The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/list-style"><code>list-style</code></a> property, useful to choose the way the ordinal is displayed.</li> <li>
+<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_counter_styles/Using_CSS_counters">CSS counters</a>, useful to handle complex nested lists.</li> <li>The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/line-height"><code>line-height</code></a> property, useful to simulate the deprecated <a href="#compact"><code>compact</code></a> attribute.</li> <li>The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin"><code>margin</code></a> property, useful to control the indent of the list.</li> </ul> </li> </ul></div><div class="_attribution">
+ <p class="_attribution-p">
+ &copy; 2005&ndash;2023 MDN contributors.<br>Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.<br>
+ <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dir" class="_attribution-link">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dir</a>
+ </p>
+</div>