用于显示路径/目录的语义 HTML 标记？答案

【问题标题】：Semantic HTML tag for displaying a path/directory?用于显示路径/目录的语义 HTML 标记？
【发布时间】：2011-06-19 15:06:37
【问题描述】：

是否有适合标记路径或目录的标签？

例如：<path>user/project/</path>

我检查了所有新的 HTML5 标记，但似乎没有一个适合此目的。那么哪一个会接近呢？

【问题讨论】：

【解决方案1】：

不幸的是，HTML 中没有任何内容。您可以尝试将其包装在 <pre> 标签或 HTML5 中的 <code> 中。否则，您可以使用 <span> 标记并将其设置为您想要的样式。

【讨论】：

【解决方案2】：

如果它是代码的一部分，您可以使用code.path。

如果是一些示例输出，您可以使用samp.path。

如果您想列出这些部分，可以使用ol.path 并设置其显示方式：

<ol class="path">
  <li class="dir">user</li>
  <li class="dir">project</li>
<ol>

但如果它只是一个路径，你应该用span.path包裹它。

【讨论】：

【解决方案3】：

您对此有何看法：

<input type="text" value="user/project/" readonly="readonly" />

一个优点是您可以轻松选择完整路径，而不会意外选择其他文本。另一方面，它不是很语义化，因为它是一个表单元素。

【讨论】：

【解决方案4】：

code 元素代表一个片段的计算机代码。这可能是一个 XML 元素名称、文件名、计算机程序，或任何其他字符串计算机会识别。

【讨论】：