中国设计联盟
联网
Dreamweaver Flash Photoshop 其它周边 web标准 asp php .net CSS WAP网站攻略 专题
网站建设 域名注册 虚拟主机 广州网站设计 域名注册 广州网站建设 上海网站建设 虚拟主机 广州网页设计  虚拟主机 域名注册 acg王国 ACG玩家
求创科技
网站建设
中国福网
招聘求职
中国互联
艺魂宝库网
中资源
当前位置:网络学院首页 >> 设计教程 >> web标准 >> web标准中不要滥用li

web标准中不要滥用li

来源:中国设计秀    作者:佚名    点击:270     加入收藏
关键字:标准 css WEB标准 li

  用Opera的Smallscreen模式看,哗,单导航就有几屏。主要原因是,我大量使用了li,使得没有CSS支援的情况下导航菜单竖排。这让我重新思考使用li的适用性和必要性。
 
  依稀记得,我刚入道时受到的严重影响:全世界都在鼓吹菜单使用li你就web标准化了……确实,有阵子全世界都是li……菜单为什么必须使用列表?没有人告诉我。这只是一些大牛的使用习惯,后来影响了很多人,不仅仅你我,还有千千万万不知道web标准为何物的初哥。
 
  我不反对菜单使用列表,尤其是单项比较长的时候。但是菜单单项比较短,比如只是一个单词,三三两两个汉字时,没有必要。使用a就够了(不要告诉我你的菜单不是连接)。
 

比如:
<div id="toolbar">
<a href="compose.php?folder={{$smarty.get.folder|escape:'url'}}" id="writemail"><b>写邮件</b></a>
<a href="refresh.php?uid={{$eyou.UID}}&url=listmail.php&folder={{$onFolderInfo.folder_path|escape:url}}" id="receivemail"><b>检查新邮件</b></a>
<a href="pop_mail.php" id="popmail"><b>POP收信</b></a>
<a href="javascript:fake_func();" id="move"><b>移 动</b></a>
<a href="javascript:move('垃圾箱');" id="delete"><b>删 除</b></a>
<a href="search.php?folder={{$smarty.get.folder|escape:'url'}}&quot id="search";><b>查 找</b></a>
</div>

     你可以打开CSSZenGarden参考参考,它对于footer和linkList是怎么写的。
     如果嫌一个a不够用,你可以在里面添加代码,span呀,strong呀等等。假如你是一个想像我一样狂热,你可以使用过时的b,原因无它,就一个字,省。况且,你不觉得a后跟着b不是很优雅吗?:)

0
顶一下
2008-06-27 00:50:00    出处:中国设计秀cnwebshow.com
Google
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口