【问题标题】:Why there is no tree tag in html?为什么html中没有树标签?
【发布时间】:2009-12-10 17:28:30
【问题描述】:

我想知道为什么html中没有树标签?类似表格标签的东西。

例如:

<tree>
  <treenode id=root>
    <treenode id=child1 />
    <treenode id=child2>
       <treenode id=child2-1>
       ......
       </treenode>
    </treenode>
  </treenode>
</tree>

编辑:其实我没有得到这个问题的明确答案。我认为这不是一个有效的问题。但是将 cherouvim 的答案与 Anwar Chandra 的评论放在一起,我想我已经得到了我的问题的答案。

【问题讨论】:

  • 在得到合理的答案之前,您将不得不解释更多很多。 “树”是什么意思?二叉树?项目符号列表树(嵌套
      s)?圣诞树?
  • +1 圣诞树,蒂姆 :-)。 aforloney:那只是源代码中缺少格式。
  • 是的,刚刚注意到,一旦编辑出现:x
  • 因为有DOM树,其他的树会让我们感到困惑。
  • "...是的,只是注意到一旦编辑出现:x ..." 抱歉,实际上这是我在这里的第一篇文章,并没有注意到代码格式。 “......在你得到......之前你必须解释更多......”好吧,我想当我说“like table tag”时,我的意思很清楚。我在使用 RichFaces 时遇到了这个问题,并想编写一个 javascript 来对他们的树做一些事情。但是树在客户端实现为表格和 div 的组合。

标签: html tree tags


【解决方案1】:

有。嵌套列表(ul 或 ol)。

<ul>
    <li>foo</li>
    <li>bar</li>
    <li>test
        <ul>
            <li>foo</li>
            <li>bar</li>
        </ul>
    </li>
    <li>example</li>
</ul>

在 CSS 和 JS 的帮助下,您可以使树的外观和交互类似于 Windows 资源管理器。

【讨论】:

  • 呃,不,没有。仍然 +1。
  • 嗯,是的。从技术上讲没有:)
【解决方案2】:

如果您说:好吧,目录结构是某种技术词汇表,那么 DL/DD/DT 构造可能是一个很好的解决方案。

&lt;ul&gt; 用法的不同之处在于可以将文件夹名和子名分开。

<dl>
  <dt>C:</dt>
  <dd>
     <dl>
       <dt>WINDOWS</dt>
       <dt>USERS</dt>
       <dt>ProgramData</dt>
     </dl>
  </dd>
</dl>
C:
  Windows
  用户
  程序数据

注意:DL 和 UL/OL 都不是目录结构的完美匹配。您可以添加自己的自定义标签以更好地匹配&lt;folder&gt;

【讨论】:

    猜你喜欢
    • 2014-07-16
    • 2012-10-25
    • 2018-10-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-10-30
    • 2013-12-01
    • 2022-12-04
    相关资源
    最近更新 更多