问题描述
首先,非常抱歉,如果这不是一个真正的stackoverflow问题。但它是我一直想知道的东西...
Firstly, very sorry if this is not a "true" stackoverflow question. But it's something I've always wondered about...
当你编写一个网站的导航栏(html)我读过这是非常好的做法,如果不是唯一的做法来实现它使用列表标签。例如
When you code a navigation bar for a site (html) I've read that it is very good practice, if not the ONLY practice to implement it using the list tag. e.g.
<ul>
<li> Home </li>
<li>About Us</li>
<li>Blog</li>
<li>Contact Us</li>
</ul>
然后应用水平显示列表的必要样式,依此类推。
And then apply the necessary styling that displays the list horizontally and so on and so forth.
但是这个标准设置在石头上,或者只有这样做,如果这是最好的选择,这样做...因为目前我有一个导航栏,这是不是你的标准的nv吧,可以这么说,它是一个有点的任务实现它作为一个列表。放在一些div中的几个链接标签将很好地工作。但是,我当然不想这样做,如果它会让人点和笑我... ...
But is this standard set in stone or does one only do it this way if it's the best option to do so... Because currently I have a navigation bar to do that is not your 'standard' nv bar so to speak, and it's a little bit of a mission to implement it as a list. A few link tags placed in some divs will work nicely. But of course I do not want to do this that method if it's going to make people point and laugh at me...
提前感谢!
推荐答案
为什么要使用列表进行网站导航?
使用Web标准设计网站涉及使用语义正确的代码。引用:
Part of designing a site using web standards involves the use of semantically correct code. To quote "Brainstorms and Raves":
>良好的HTML结构基于逻辑,顺序和使用语义正确的标记。如果您有一个标题使用heading元素,从H1元素开始。如果你有一个段落,使用一个段落元素。如果您有列表,请使用列表项元素。
在结构层面,网站导航只是指向网站其他区域的链接列表。因此,标记网站导航的最佳方法是(可以说)使用列表元素。
At a structural level, site navigation is simply a list of links to other areas of the site. Therefore, the best method for marking up site navigation is (arguably) to use a list element.
如果您使用好的HTML结构,那么基于文本的浏览器,屏幕阅读器,非CSS支持的浏览器,CSS关闭的浏览器和搜索bot可以更容易地访问您的内容。
If you use good HTML structure, then text-based browsers, screen readers, non-CSS supporting browser, browsers with CSS turned off and search bots will be able to access your content more easily.
一个很好的文章是
这篇关于应该将导航栏始终实现为列表吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!