码迷,mamicode.com
首页 > Web开发 > 详细

网页头部优化

时间:2016-07-05 22:31:58      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:

logo优化:
1.logo图片尽量小。
2.一般情况下是作为背景放入的。
2.肯定加h1标签(提权)
4.搜索引擎对文本链接最友好。 <a href="#">123456</a>
5.可以利用text-indent:-9999em; 隐藏文字,再display:block;转为块,再设置它的高(块元素只能继承父级的宽度)
6.一定给a添加title属性 提高用户体验
7.首页logo一般取名就是sohulogo.png ,如果再有二级域名news.sohu.com,logo不要和首页logo取相同的名称,newslogo.png。

水平菜单:
1.托标,留在原地。position:absolute,不写top值,可以写left值来调整位置。
2.空挡一定是父盒子的padding,而不能是子盒子的margin
3.监听一定是在li身上,而不能是a身上
4.要学会用class“避讳模式”--我们的后代选择器有点不好用,所以就要给不同的li加上不同的区分即可,通过class来添加样式
5.不要过分的追求优雅的代码

网页头部优化

标签:

原文地址:http://www.cnblogs.com/xie-zhan/p/5645045.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!