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

Question

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

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

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

Answer 1

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

Answer 2

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

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

如果您想列出部件，可以使用ol.path并按照显示方式设置样式：

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

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

Answer 3

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

Answer 4

你怎么看待这件事：

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

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