网页头部优化

Posted 2020-08-03 X_Zed

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