标签:的区别 pagerank ie9 bug flash动画 isp 大小 超链接 鼠标指针
1、浏览器内核
trident 代表作:IE
gecko 代表作:Mozilla
webkit 苹果&谷歌旧版本
blink 谷歌&欧朋
2、IE常见BUG
(1)图片边框bug
超链接a包裹图片img,图片在IE10及以下的浏览器,自带边框
解决方法:
img设置border:none/0
(2)图片间隙bug
块元素包裹图片,图片下方会出现3px左右的间隙
解决方法:
img设置
方法一:display:block
方法二:vertical-align:top
(3)默认高度bug(IE6、IE7)
如果盒子的高度设置低于16px,会默认按照16px解析
解决方法:
font-size:0
over-flow:hidden
3、非IE BUG
(1)表单元素对齐方式不一致
表单元素行高对齐方式不一致
解决:给表单元素添加float:left
(2)按钮元素默认大小不一
解决:方法一:手动修改大小
方法二:都设置为怪异盒
(3)鼠标指针bug
鼠标移入变小手
cursor:pointer
(4)透明度的区别
元素透明:opacity(背景和元素都透明)
背景透明:rgba (只有背景透明)
IE9以下浏览器设置透明度
filter:alpha(opacity=50)
4、优化
(1)title名字合理
(2)网页头部优化
description:网站的描述
keywords:关键词
(3)超链接优化
(i)采用纯文本链接;少用或是不用flash动画设置链接,因为搜索引擎无法识别flash上的文字
(ii)按规范书写超链接,这个title属性,它可以起到提示方可的作用,也可以让搜索殷勤知道它要去那里
(iii)最好不使用图片热点链接,理由同(i)
(4)图片优化
alt & title 属性的应用
(5)pageRank(pr值,友情链接)
标签:的区别 pagerank ie9 bug flash动画 isp 大小 超链接 鼠标指针
原文地址:https://www.cnblogs.com/phantomyy/p/14962746.html