网页头部优化
2016-07-05 21:11
176 查看
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.不要过分的追求优雅的代码
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.不要过分的追求优雅的代码
相关文章推荐
- html+css代码优化推荐读物
- 继承--is-a关系
- js的navigator对象
- 3、使用JaxWs开发Web Service
- C Looooops(poj 2115)
- mac 下virtual box 安装多台centOs并配置网络集群
- 渗透工程师必备的几款火狐插件
- listview的优化建议
- HDU 2425 Hiking Trip(bfs+优先队列)
- Java开发必备:java帮助文档网址下载或在线帮助
- 函数重载遇上函数默认值会发生什么?----二义性
- EventBus
- 为什么apache要设置虚拟主机
- Android 获取固定的dip、dp值
- POJ 3275 Floyd传递闭包
- [UE4教程] 图形学基础教程01--渲染管线 (带演示程序)
- POJ 3275 Floyd传递闭包
- 面试题16:反转链表
- String类和StringBuffer类的区别
- adb offline 解决