网页头部优化建议

180 阅读 0 评论 119 点赞

我是靠谱客的博主害羞鞋垫，最近开发中收集的这篇文章主要介绍网页头部优化建议，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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.不要过分的追求优雅的代码

以上这篇网页头部优化建议就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。