web前端 关于浏览器兼容的一些知识和问题解决

浏览器兼容

为何产生浏览器兼容，浏览器兼容问题什么是浏览器兼容；

所谓的浏览器兼容性问题，是指由于不一样的浏览器对同一段代码有不一样的解析，形成页面显示效果不统一的状况。

浏览器兼容产生的缘由；

由于不一样浏览器使用内核及所支持的HTML等网页语言标准不一样。

以及用户客户端的环境不一样（如分辨率不一样）形成的显示效果不能达到理想效果。

最多见的问题就是网页元素位置混乱，错位。

浏览器兼容问题以及怎么解决

① . 不一样浏览器的标签默认的外补丁和内补丁不一样

问题症状：随便写几个标签，不加样式控制的状况下，各自的margin 和padding差别较大。

解决方案：CSS里 *{margin:0;padding:0;}

② . 块属性标签float后，又有横行的margin状况下，在IE6显示margin比设置的大

问题症状:常见症状是IE6中后面的一块被顶到下一行

解决方案：在float的标签样式控制中加入 display:inline;将其转化为行内属性

③ . 设置较小高度标签（通常小于10px），在IE6，IE7，遨游中高度超出本身设置高度

问题症状：IE六、7和遨游里这个标签的高度不受控制，超出本身设置的高度

解决方案：给超出高度的标签设置overflow:hidden;或者设置行高line-height 小于你设置的高度。

④ . 行内属性标签，设置display:block后采用float布局，又有横行的margin的状况，IE6间距bug

问题症状：IE6里的间距比超过设置的间距

解决方案：在display:block;后面加入display:inline;display:table;

⑤ . 图片默认有间距

问题症状：几个img标签放在一块儿的时候，有些浏览器会有默认的间距，加了问题一中提到的通配符也不起做用。

解决方案：使用float属性为img布局 （个人一个学生使用负margin，虽然能解决，但负margin自己就是容易引发浏览器兼容问题的用法，因此我禁止他们使用）

⑥ . 标签最低高度设置min-height不兼容

问题症状：由于min-height自己就是一个不兼容的CSS属性，因此设置min-height时不能很好的被各个浏览器兼容

解决方案：若是咱们要设置一个标签的最小高度200px，须要进行的设置为：{min-height:200px; height:auto !important; height:200px; overflow:visible;}

⑦ . 居中问题

问题症状：div里的内容，IE默认为居中，而FF默认为左对齐

解决方案：能够尝试增长代码margin: 0 auto;

⑧ . margin加倍的问题

问题症状：设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。

解决方案：在这个div里面加上 display:inline;

⑨ . IE捉迷藏的问题

问题症状：当div应用复杂的时候每一个栏中又有一些连接，这个时候容易发生捉迷藏的问题。 有些内容显示不出来，当鼠标选择这个区域是发现内容确实在页面。

解决办法：对#layout使用line-height属性或者给#layout使用固定高和宽。页面结构尽可能简单。

以上是常见的浏览器兼容问题，还有不少，能够本身去网上看！

浏览器内核

• Trident（IE内核）

• Gecko(Firefox内核)

• Webkit（谷歌、Safari、360极速浏览器以及搜狗高速浏览器）

WebKit内核常见的浏览器：傲游浏览器三、[1] Apple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器

>Presto(Opera前内核) (已废弃)

seo 搜索引擎优化

搜索引擎 百度 排名 搜索 ip pv

搜索引擎优化 百度专门给技术 提供优化方案 白皮书 百度竞价 收费

前端做业面的时候 也会针对 seo 进行一系列优化

1 . 搜索引擎工做原理

当咱们在输入框中输入关键词，点击搜索或查询时，而后获得结果。深究其背后的故事，搜索引擎作了不少事情。

在搜索引擎网站，好比百度，在其后台有一个很是庞大的数据库，里面存储了海量的关键词，而每一个关键词又对应着不少网址，这些网址是百度程序从茫茫的互联网上一点一点下载收集而来的，这些程序称之为“搜索引擎蜘蛛”或“网络爬虫”。这些勤劳的“蜘蛛”天天在互联网上爬行，从一个连接到另外一个连接，下载其中的内容，进行分析提炼，找到其中的关键词，若是“蜘蛛”认为关键词在数据库中没有而对用户是有用的便存入数据库。反之，若是“蜘蛛”认为是垃圾信息或重复信息，就舍弃不要，继续爬行，寻找最新的、有用的信息保存起来提供用户搜索。当用户搜索时，就能检索出与关键字相关的网址显示给访客。

一个关键词对用多个网址，所以就出现了排序的问题，相应的当与关键词最吻合的网址就会排在前面了。在“蜘蛛”抓取网页内容，提炼关键词的这个过程当中，就存在一个问题：“蜘蛛”可否看懂。若是网站内容是flash和js，那么它是看不懂的，会犯迷糊，即便关键字再贴切也没用。相应的，若是网站内容是它的语言，那么它便能看懂，它的语言即SEO。

http://www.cnblogs.com/EnSnai...

很早之前搜索引擎优化百度百度专门给技术人员提供优化方案，是一本白皮书。

2 . 搜索引擎工做原理

① . 抓取网页。每一个独立的搜索引擎都有本身的网页抓取程序爬虫（spider）。爬虫Spider顺着网页中的超连接，从这个网站爬到另外一个网站，经过超连接分析连续访问抓取更多网页。被抓取的网页被称之为网页快照。因为互联网中超连接的应用很广泛，理论上，从必定范围的网页出发，就能搜集到绝大多数的网页。

② . 处理网页。搜索引擎抓到网页后，还要作大量的预处理工做，才能提供检索服务。其中，最重要的就是提取关键词，创建索引库和索引。其余还包括去除重复网页、分词（中文）、判断网页类型、分析超连接、计算网页的重要度/丰富度等。

③ . 提供检索服务。用户输入关键词进行检索，搜索引擎从索引数据库中找到匹配该关键词的网页；为了用户便于判断，除了网页标题和URL外，还会提供一段来自网页的摘要以及其余信息。

yahoo军规

35条 http://www.cnblogs.com/xianyu...

css hack

http://blog.csdn.net/freshlov...

（ 待续 ………… ）