Maison >interface Web >tutoriel HTML >网页头部优化

网页头部优化

WBOY
WBOYoriginal
2016-07-06 13:28:171585parcourir

logo优化:
1.logo图片尽量小。
2.一般情况下是作为背景放入的。
2.肯定加h1标签(提权)
4.搜索引擎对文本链接最友好。 123456
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.不要过分的追求优雅的代码

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn