导航栏应该始终作为列表实现吗?

时间:2012-09-18 12:04:25

标签: html css design-patterns

首先,非常抱歉,如果这不是一个“真正的”stackoverflow问题。但这是我一直想知道的......

当您为网站(html)编写导航栏时,我已经读到这是非常好的做法,如果不是使用list标签实现它的唯一做法。 e.g。

<ul>
    <li> Home </li>
    <li>About Us</li>
    <li>Blog</li>
    <li>Contact Us</li>
</ul>

然后应用必要的样式,水平显示列表,依此类推。

但是这个标准是否一成不变或只做这样做,如果它是这样做的最佳选择...因为目前我有一个导航栏这样做不是你的'标准'nv酒吧可以这么说,将它作为列表实现是一项任务。放在一些div中的一些链接标签可以很好地工作。但当然我不想这样做,如果它会让人们指出并嘲笑我......

提前致谢!

1 个答案:

答案 0 :(得分:7)

为什么要使用列表进行网站导航?

使用Web标准设计网站的一部分涉及使用语义正确的代码。引用“Brainstorms and Raves”:

良好的HTML结构基于逻辑,顺序和使用语义正确的标记。如果你有一个标题使用标题元素,从H1元素开始。如果您有段落,请使用段落元素。如果您有列表,请使用列表项元素。

在结构层面,网站导航只是指向该网站其他区域的链接列表。因此,标记网站导航的最佳方法(可以说)是使用列表元素。

如果您使用良好的HTML结构,那么基于文本的浏览器,屏幕阅读器,非CSS支持浏览器,关闭CSS的浏览器以及搜索机器人将能够更轻松地访问您的内容。

关于此的一篇好文章是here