码迷,mamicode.com
首页 > 其他好文 > 详细

浏览器

时间:2021-07-02 16:34:49      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:的区别   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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有
迷上了代码!