CSS做出一个嵌套导航菜单

发布者: 笨牛网 2010年01月21日围观次点赞:1

在以前做网站导航时,往往依赖于图像,表格,和javascript.而这些都严重的影响了网站的可访问性和可使用性.如果在一个缺乏支持javascript的用户,那么你的网站导航将无算正常的显示.比如说一个用户把浏览器的javascript关闭掉,或者在一个只能读纯文字的手持设备--它们将无算从你的网站读到所有的数据.如果你的委拖人不注重这方面,那么告诉他繁杂的菜单会阻止搜索引擎的排名.(木木:像禅意花园就是一个不错的CSS网站.)

使用CSS可以创建一个更有吸引力的导航,因为CSS没有和文本混合在一起,所以确保了导航的可访问性和使那些手持设备也可以读出.在这个教程里我们将看到一个基于CSS的导航.基于CSS的网站会加快网页加载的时间,这样基于图像的导航将渐渐的被淘汰掉.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"> <head> <title>Lists as navigation</title> <FCK:meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css">  </style> </head> <body> <div id="navigation"> <ul> <li><a href="#" _fcksavedurl="#">Recipes</a></li> <li><a href="#" _fcksavedurl="#">Contact Us</a></li> <li><a href="#" _fcksavedurl="#">Articles</a></li> <li><a href="#" _fcksavedurl="#">Buy Online</a></li> </ul> </div> </body> </html>
提示：您可以先修改部分代码再运行

顶(1)

踩(0)

【搜索相关内容】[打印] [关闭]

上一篇：实现html页面跳转的3种方法

下一篇：学习html table 标签

最新评论

CSS做出一个嵌套导航菜单

您可能还会对下面的文章感兴趣：

相关文章