> 웹 프론트엔드 > HTML 튜토리얼 > 网页头部优化

网页头部优化

WBOY
풀어 주다: 2016-07-06 13:28:17
원래의
1584명이 탐색했습니다.

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿