为什么常见的创建标签和工具栏？

Question

我发现，不少在网页 “工具栏” 与HTML代码中实施的 UL 和 LI 与风格“ 浮动：左 ”。

富勒例如，用萤火虫的帮助下，很容易找到 http://www.yahoo这种模式。 COM / 。

有什么理由是什么？我不认为UL和LI被发明创造的工具栏。

Answer 1

HTML被用于的语义的（什么东西的意思），没有的呈现的（他们是什么样子）。由于<ul>代表的无序列表的，并且因为工具栏是概念只是一个项目的名单，这是明智的。即使StackOverflow上做了！

<div class="nav">
  <ul>
    <li><a href="/questions">Questions</a></li>
    <li><a href="/tags">Tags</a></li>
    <li><a href="/users">Users</a></li>
    <li><a href="/badges">Badges</a></li>
    <li><a href="/unanswered">Unanswered</a></li>
  </ul>
</div>  

Answer 2

和UL LI是用于列表。而你列出一大堆的链接（子导航工具（？），等等。）

Answer 3

一个可能的原因 - 它们具有合理备用行为一个低档的客户端 - 即它成为一个树。但在现实中<ul>和<li>真的只是描述嵌套表数据;用CSS控制布局，其原意是，主要是，只是为了方便。

Answer 4

大概是因为人谁相信Web标准是一个正确的方法标记起来如此。毕竟，一个工具栏的图标列表！

不过，我个人的做法，以标记的是，当你创建一个Web应用程序，涉及到一些应用程序UI元素就像一个工具栏，你不应该一定有，因为他们不是为创建根据HTML网页标准打造的一切标记了应用，但对于文件。在这种情况下，只需要使用什么方式最适合你（像跨度的列表格，使用类名来为您的应用程序上下文语义）。

请注意：我的答案是专指使用工具栏的，不正规导航网站中的

。

Answer 5

没有提到的一个原因是，写菜单的列表可以帮助搜索引擎解析您的网站。前行的搜索引擎将能够找出div的嵌套，甚至表（在某些情况下），但它总是更好，使履带的工作更容易，以避免可能的混淆。

修改

链接的要求：

HTTP：/ /blog.fryewiles.com/seo/03-04-2008/ul-titles-nesting-uls-for-better-seo 的http：// importantseotips。 blogspot.com/2008/09/why-using-div-is-better-than-table-seo.html HTTP：//webdev.entheosweb的.com / 2008/02/24 /为什么-I-切换到A-无表设计/

我居然找不到很多文章专门针对UL标签的搜索引擎优化，所以我将不得不宣布我看来出线我的答案。

我认为，使用无序列表呈现menuing将帮助抓取工具正确地分析和索引你的网站。一般情况下，良好的组织数据（如表），适合于更好和更快爬行。组织数据以及将显著提高机器人的可能性找到正确的关键字，和排名您的网站。

（现在只要我关于这个问题的看法是因为拉里·佩奇的宝贵。;-)）

Answer 6

这是允许使用的边框的左/右，这也避免了强制unsemantic分离器（例如竖线）到你的代码，以用于演示，这也增加了不必要的内容为屏幕阅读器读出的做法。 e.g。

<div class="nav">
    <a href="/questions">Questions</a> |
    <a href="/tags">Tags</a> |
    <a href="/users">Users</a> |
    <a href="/badges">Badges</a> |
    <a href="/unanswered">Unanswered</a>
</div>