CSS完美兼容IE6/IE7/FF的通用方法 _昔梦无痕的博客-CSDN博客_css 选择符兼容ie6
CSS完美兼容IE6/IE7/FF的通用方法
昔梦无痕
于 2008-09-03 09:32:00 发布
4801
收藏
分类专栏：
ASP
文章标签：
ie
css
div
firefox
html
浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/superbirds/article/details/2871458
版权
ASP
专栏收录该内容
22 篇文章
0 订阅
订阅专栏
关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.一、CSS HACK 以下两种方法几乎能解决现今所有HACK.
1, !important
随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)<style>#wrapper{width: 100px!important; /* IE7+FF */width: 80px; /* IE6 */}</style>
2, IE6/IE77对FireFox
*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.<style>#wrapper{#wrapper { width: 120px; } /* FireFox */*html #wrapper { width: 80px;} /* ie6 fixed */*+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */}</style>
注意:*+html 对IE7的HACK 必须保证HTML顶部有如下声明：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">二、万能 float 闭合
关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup]将以下代码加入Global CSS 中,给需要闭合的div加上 class="clearfix" 即可,屡试不爽.<style>/* Clear Fix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}/* Hide from IE Mac */.clearfix {display:block;}/* End hide from IE Mac *//* end of clearfix */</style>三、其他兼容技巧
1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会.(可用!important解决)2, 居中问题.1).垂直居中.将 line-height 设置为 当前 div 相同的高度, 再通过 vertical-align: middle.( 注意内容不要换行.)2).水平居中. margin: 0 auto;(当然不是万能)3, 若需给 a 标签内内容加上 样式, 需要设置 display: block;(常见于导航标签)4, FF 和 IE 对 BOX 理解的差异导致相差 2px 的还有设为 float的div在ie下 margin加倍等问题.5, ul 标签在 FF 下面默认有 list-style 和 padding . 最好事先声明, 以避免不必要的麻烦. (常见于导航标签和内容列表)6, 作为外部 wrapper 的 div 不要定死高度, 最好还加上 overflow: hidden.以达到高度自适应.7, 关于手形光标. cursor: pointer. 而hand 只适用于 IE.
1 针对firefox ie6 ie7的css样式现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。现在写一个CSS可以这样：
#1 { color: #333; } /* Moz */* html #1 { color: #666; } /* IE6 */*+html #1 { color: #999; } /* IE7 */那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999。
2 css布局中的居中问题主要的样式定义如下：
body {TEXT-ALIGN: center;}#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }说明：首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，只要在每个拆出的div里定义MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。
3 盒模型不同解释
#box{ width:600px; //for ie6.0- w/idth:500px; //for ff+ie6.0}#box{ width:600px!important //for ff width:600px; //for ff+ie6.0 width /**/:500px; //for ie6.0-}
4 浮动ie产生的双倍距离
#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}这里细说一下block,inline两个元素,Block元素的特点是:总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是:和其他元素在同一行上,...不可控制(内嵌元素);
#box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的的效果 diplay:table;
IE不认得min-这个定义，但实际上它把正常的width和height当作有min的情况来使。这样问题就大了，如果只用宽度和高度，正常的浏览器里这两个值就不会变，如果只用min-width和min-height的话，IE下面根本等于没有设置宽度和高度。比如要设置背景图片，这个宽度是比较重要的。要解决这个问题，可以这样：#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}
6 页面的最小宽度
min-width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用，可以把一个<div> 放到 <body> 标签下，然后为div指定一个类：然后CSS这样设计：#container{ min-width: 600px; width:expression(document.body.clientWidth < 600? "600px": "auto" );}第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。
7 清除浮动
.hackbox{ display:table; //将对象作为块元素级的表格显示}或者.hackbox{ clear:both;}或者加入:after（伪对象）,设置在对象后发生的内容，通常和content配合使用，IE不支持此伪对象，非Ie 浏览器支持，所 以并不影响到IE/WIN浏览器。这种的最麻烦的......#box:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
8 DIV浮动IE文本产生3象素的bug
左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距.
#box{ float:left; width:800px;}#left{ float:left; width:50%;}#right{ width:50%;}*html #left{ margin-right:-3px; //这句是关键}HTML代码<div id="box"> <div id="left"></div> <div id="right"></div></div>
9 属性选择器(这个不能算是兼容,是隐藏css的一个bug)
p[id]{}div[id]{}这个对于IE6.0和IE6.0以下的版本都隐藏,FF和OPera作用属性选择器和子选择器还是有区别的,子选择器的范围从形式来说缩小了,属性选择器的范围比较大,如p[id]中,所有p标签中有id的都是同样式的.
10 IE捉迷藏的问题
当div应用复杂的时候每个栏中又有一些链接，DIV等这个时候容易发生捉迷藏的问题。有些内容显示不出来，当鼠标选择这个区域是发现内容确实在页面。解决办法：对#layout使用line-height属性 或者给#layout使用固定高和宽。页面结构尽量简单。
11 高度不适应
高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节，特别是当内层对象使用margin 或paddign 时。例：<div id="box"><p>p对象中的内容</p></div>CSS：#box {background-color:#eee; }#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; }解决方法：在P对象上下各加2个空的div对象CSS代码：.1{height:0px;overflow:hidden;}或者为DIV加上border属性。
六、CSS兼容要点分析IE vs FF
CSS 兼容要点：
DOCTYPE 影响 CSS 处理
FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width
FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式
div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行
cursor: pointer 可以同时在 IE FF 中显示游标手指状， hand 仅 IE 可以
FF: 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格XHTML+CSS兼容性解决方案小集
使用XHTML＋CSS构架好处不少，但也确实存在一些问题，不论是因为使用不熟练还是思路不清晰，我就先把一些我遇到的问题写在下面，省的大家四处找^^
1、在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法：
div{margin:30px!important;margin:28px;}
注意这两个margin的顺序一定不能写反，据阿捷的说法!important这个属性IE不能识别，但别的浏览器可以识别。所以在IE下其实解释成这样：
div{maring:30px;margin:28px}
重复定义的话按照最后一个来执行，所以不可以只写margin:XXpx!important;
2、IE5 和IE6的BOX解释不一致IE5下div{width:300px;margin:0 10px 0 10px;}div的宽度会被解释为300px-10px(右填充)-10px(左填充)最终div的宽度为280px，而在IE6和其他浏览器上宽度则 是以300px+10px(右填充)+10px(左填充)=320px来计算的。这时我们可以做如下修改
div{width:300px!important;width /**/:340px;margin:0 10px 0 10px}
，关于这个/**/是什么我也不太明白，只知道IE5和firefox都支持但IE6不支持，如果有人理解的话，请告诉我一声，谢了！：）
3、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所以先定义
ul{margin:0;padding:0;}
就能解决大部分问题
4、关于脚本，在xhtml1.1中不支持language属性，只需要把代码改为
< type="text/java">
就可以了
七、10个你未必知道的CSS技巧
1、CSS字体属性简写规则
一般用CSS设定字体属性是这样做的：
font-weight:bold;
font-style:italic;
font-varient:small-caps;
font-size:1em;
line-height:1.5em;
font-family:verdana,sans-serif;
但也可以把它们全部写到一行上去：
font: bold italic small-caps 1em/1.5em verdana,sans-serif;
真不错！只有一点要提醒的：这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且，如果你没有设定font-weight, font-style, 以及 font-varient ，他们会使用缺省值，这点要记上。
2、同时使用两个类
一般只能给一个元素设定一个类（Class），但这并不意味着不能用两个。事实上，你可以这样：
<p class="text side">...</p>
同时给P元素两个类，中间用空格格开，这样所有text和side两个类的属性都会加到P元素上来。如果它们两个类中的属性有冲突的话，后设置的起作用，即在CSS文件中放在后面的类的属性起作用。
补充：对于一个ID，不能这样写<p id="text side">...</p>也不能这样写
3、CSS border的缺省值
通常可以设定边界的颜色，宽度和风格，如：
border: 3px solid #000
这位把边界显示成3像素宽，黑色，实线。但实际上这里只需要指定风格即可。
如果只指定了风格，其他属性就会使用缺省值。一般地，Border的宽度缺省是medium，一般等于3到4个像素；缺省的颜色是其中文字的颜色。如果这个值正好合适的话，就不用设那么多了。
4、CSS用于文档打印
许多网站上都有一个针对打印的版本，但实际上这并不需要，因为可以用CSS来设定打印风格。
也就是说，可以为页面指定两个CSS文件，一个用于屏幕显示，一个用于打印：
<link type="text/css" rel="stylesheet" href="/blog/stylesheet.css" media="screen" /> <link type="text/css" rel="stylesheet" href="printstyle.css" media="print" />
第1行就是显示，第2行是打印，注意其中的media属性。
但应该在打印CSS中写什么东西呢？你可以按设计普通CSS的方法来设定它。设计的同时就可以把这个CSS设成显示CSS来检查它的效果。也许你会使用 display: none 这个命令来关掉一些装饰图片，再关掉一些导航按钮。要想了解更多，可以看“打印差异”这一篇。
5、图片替换技巧
一般都建议用标准的HTML来显示文字，而不要使用图片，这样不但快，也更具可读性。但如果你想用一些特殊字体时，就只能用图片了。
比如你想整个卖东西的图标，你就用了这个图片：
<h1><img src="/blog/widget-image.gif" alt="Buy widgets" /></h1>
这当然可以，但对搜索引擎来说，和正常文字相比，它们对alt里面的替换文字几乎没有兴趣这是因为许多设计者在这里放许多关键词来骗搜索引擎。所以方法应该是这样的：
<h1>Buy widgets</h1>
但这样就没有特殊字体了。要想达到同样效果，可以这样设计CSS：
h1 { background: url(/blog/widget-image.gif) no-repeat; height: image height text-indent: -2000px }
注意把image height换成真的图片的高度。这里，图片会当作背景显示出来，而真正的文字由于设定了-2000像素这个缩进，它们会出现在屏幕左边2000点的地方，就看不见了。但这对于关闭图片的人来说，可能全部看不到了，这点要注意。
6、CSS box模型的另一种调整技巧
这个Box模型的调整主要是针对IE6之前的IE浏览器的，它们把边界宽度和空白都算在元素宽度上。比如：
#box { width: 100px; border: 5px; padding: 20px }
这样调用它：
<div id="box">...</div>
这时盒子的全宽应该是150点，这在除IE6之前的IE浏览器之外的所有浏览器上都是正确的。但在IE5这样的浏览器上，它的全宽仍是100点。可以用以前人发明的Box调整方法来处理这种差异。
但用CSS也可以达到同样的目的，让它们显示效果一致。
#box { width: 150px } #box div { border: 5px; padding: 20px }
这样调用：
<div id="box"><div>...</div></div>
这样，不管什么浏览器，宽度都是150点了。
7、块元素居中对齐
如果想做个固定宽度的网页并且想让网页水平居中的话，通常是这样：
#content { width: 700px; margin: 0 auto }
你会使用 <div id="content"> 来围上所有元素。这很简单，但不够好，IE6之前版本会显示不出这种效果。改CSS如下：
body { text-align: center } #content { text-align: left; width: 700px; margin: 0 auto }
这会把网页内容都居中，所以在Content中又加入了
text-align: left 。
8、用CSS来处理垂直对齐
垂直对齐用表格可以很方便地实现，设定表格单元 vertical-align: middle 就可以了。但对CSS来说这没用。如果你想设定一个导航条是2em高，而想让导航文字垂直居中的话，设定这个属性是没用的。
CSS方法是什么呢？对了，把这些文字的行高设为 2em：line-height: 2em ，这就可以了。
9、CSS在容器内定位
CSS的一个好处是可以把一个元素任意定位，在一个容器内也可以。比如对这个容器：
#container { position: relative }
这样容器内所有的元素都会相对定位，可以这样用：
<div id="container"><div id="navigation">...</div></div>
如果想定位到距左30点，距上5点，可以这样：
#navigation { position: absolute; left: 30px; top: 5px }
当然，你还可以这样：
margin: 5px 0 0 30px
注意4个数字的顺序是：上、右、下、左。当然，有时候定位的方法而不是边距的方法更好些。
10、直通到屏幕底部的背景色
在垂直方向是进行控制是CSS所不能的。如果你想让导航栏和内容栏一样直通到页面底部，用表格是很方便的，但如果只用这样的CSS：
#navigation { background: blue; width: 150px }
较短的导航条是不会直通到底部的，半路内容结束时它就结束了。该怎么办呢？
不幸的是，只能采用欺骗的手段了，给这较短的一栏加上个背景图，宽度和栏宽一样，并让它的颜色和设定的背景色一样。
body { background: url(/blog/blue-image.gif) 0 0 repeat-y }
此时不能用em做单位，因为那样的话，一旦读者改变了字体大小，这个花招就会露馅，只能使用px。
昔梦无痕
关注
关注
点赞
收藏
打赏
评论
CSS完美兼容IE6/IE7/FF的通用方法
关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.一、CSS HACK 以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)#wrapper{width
复制链接
扫一扫
专栏目录
opera添加ie支持
07-16
介绍:
不用多说,现在有许多比IE优秀的非IE核心浏览器，比如Opera，Firefox，谷歌Google浏览器(Google Chrome)等，可惜由于IE以前使用十分广泛,许多网站都以IE为标准,导致那些优秀浏览器无法访问某些网站(中国的网站尤其如此)，或者无法使用网银，观看视频等。
这个viewinie插件可以在Opera，谷歌Google浏览器(Google Chrome)的窗口里调用IE核心来浏览网页（即打开一个标签页，使用IE核心浏览），可以暂时以此来应付某些Opera，谷歌Google浏览器(Google Chrome)无法打开的网页或者无法使用其服务的网页。
功能:
在opera中使用IE核心浏览某个页面
IE6 浏览器兼容
朝阳39的博客
10-17
423
IE6，千万不要跟他死坑、较劲，它不配。 格调要高，我们讲IE6的兼容性问题，就是为了增加面试的成功率，不是为了成为IE6的专家。
兼容性1（微型盒子）
兼容性的第一条：IE6不支持小于12px的盒子，任何小于12px的盒子，在IE6中看都大。即：IE 6不支持微型盒子。
举个例子。我们设置一个height为 5px 、宽度为 200px的盒子，看下在IE 8和 IE 6中的显示效果：...
评论 1
您还未登录，请先
登录
后发表或查看评论
解决某此网站无法复制网页中的文字
incsla的博客
08-04
1776
如何复制网页中无法复制的文字，
打开浏览器按F12，在console选项卡下输入代码
$(‘div.ie-fix’).text()，这里复制的文本无格式，需要自己排版
IE6兼容兼容心得(自己总结的)
huang714的专栏
11-20
103
IE6兼容兼容心得(自己总结的)
DOCTYPE (Document Type) 文档类型，说明 XML 或者 (x)HTML 的版本。
DTD (Document Type Definitions) 文档类型定义，浏览器根据 DTD 来解释页面标识，并展现出来。
DOCTYPE 通常（但不总是）包含指定的DTD文件的URL。浏览器一般不读取这些文件，而是只识别常见的 DOCTYPE 声明。
根据w3c关于stack level的介绍可以得出以下stack level觃则
父级stacking contex
解决IE6兼容性问题常见方法
走在java的路途上
11-15
756
你对解决IE6兼容性问题常见方法是否了解，这里和大家分享一下，希望对你的学习有所帮助，欢迎大家一起来学习。
解决IE6兼容性问题常见方法
1、使用声明
你必须经常在html网页头部放置一个声明，推荐使用严格的标准。例如
"http://www.w3.org/TR/html4/strict.dtd”> or,forXHTML: "http://www.w3.org/TR/xht
Opera、FireFox、IE、Safari中CSS差别及兼容CSS的解决方法
nathanhuang1220的专栏
02-27
8737
一、CSS HACK以下两种方法几乎能解决现今所有HACK.
1, !important
随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)
#wrapper
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
2, IE6
CSS兼容IE6,IE7,FF的技巧
bangzhou5573的博客
09-07
66
一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) <style> #wrapper { width: 100px!important; /* IE7+...
ie6兼容问题
weixin_44166439的博客
02-19
30
正常显示
ie6显示
解决方法加display:inline;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1
IE6 浏览器常见兼容问题 大汇总（23个）
Web前端开发经验记录
07-01
1223
IE6 浏览器常见兼容问题 大汇总（23个）
IE6以及各个浏览器常见兼容问题 大汇总
综述：虽然说IE6在2014年4月将被停止支持，但是不得不说的是，IE6的市场并不会随着支持的停止而立刻消散下去，对于WEB前端开发工程师来说，兼容IE6 兼容各个浏览器，依然是不得不面对的工作。
在此总结了常见的浏览器兼容问题，里面也有IE6的常见兼容问题，供大家分享。
IE6、IE7、IE8 CSS Bug兼容解决记录
ala617784513的博客
03-10
166
1：li边距“无故”增加
任何事情都是有原因的，li边距也不例外。
先描述一下具体状况：有些时候li边距会突然增 加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头脑，仔细“研究”发现是由于其低级元素ul的padding引 起，padding的上下值对li有影响，左右无影 响。所以只好笨手笨脚地把padding去掉，换成margin。这是能解决问题，但往往不是我们想要的...
ie6 IE7 IE8 多浏览器css兼容写法
snowalkmount的专栏
04-12
657
ie6 IE7 IE8 多浏览器css 写法
在网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIV CSS设计的网，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网乱可能出去不想出现的效果！
/* 所有浏览器 通用*/
height: 100px;
/* IE6 专用 */
_height: 100px;
/* IE6
最全整理浏览器兼容性问题与解决方案
热门推荐
Turbo的博客
05-25
1万+
常见浏览器兼容性问题与解决方案
所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。
在学习浏览器兼容性之前，我想把前端开发人员划分为两类：
第一类是精确按照
常见浏览器的兼容问题（主要兼容IE6）
Academia_zhen的博客
09-25
688
浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同
问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。
碰到频率:100%
解决方案：CSS里 *{margin:0;padding:0;}
备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。
IE6、7兼容性
Lx598113223的博客
04-03
189
1、h5标签（引用JS)
2、元素浮动之后能设置宽度的话就给元素加宽度，如果需要宽度是内容撑开，就给它里面的元素加浮动
3、第一块元素浮动，第二块元素加margin值等于第一块元素，在IE6下会有间隙问题
解决：a 不建议这么写 b 用浮动解决 （不用margin）
4、IE6下子元素超过父级宽高会把父级元素撑开
解决：注意不要让子元素的宽高超过父级
5、P包含块元素嵌套规则
6、marg...
IE6下font-size值设置与否对元素height,background产生的影响(一)
飒水飞月的专栏
07-16
549
第一篇csdn的博客，之前的博客都是在博客园里写的，链接地址：http://www.cnblogs.com/hutaoer/
，但是之前的写得不够好，也很粗糙，现在从csdn开始，认真的总结，分享。
日前所做的一个小项目中，碰到一个IE6的bug，情况如下：
我使用一个文字文字<span
class=”picture”>文字文字来描述一段文字，在这段文字中，
java浏览器渲染_浏览器渲染原理
weixin_39692271的博客
02-27
83
Web页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验简单地说，页面渲染就是浏览器将html代码根据CSS定义的规则显示在浏览器窗口中的这个过程。先来大致了解一下浏览器都是怎么干活的：1. 用户输入网址(假设是个html页面，并且是第一次访问)，浏览器向服务器发出请求，服务器返回html文件；2. 浏览器开始载入html代码，发现标签内有一个标签引用外部CSS文件；3....
防止抓取html代码,网页中用html代码注释的内容会被抓取吗
最新发布
weixin_29003437的博客
05-31
287
很多站长都知道网页代码里面有注释代码这么个东西，其形式是，在HTML里面注释的内容出现在网页源代码，而用户浏览网页的过程中是看不到的。因为注释内容在源代码展现又不会影响页面内容，所以很多人觉得蜘蛛会抓取注释信息并参与到网页的分析排名，于是在网页加入大量的注释内容，甚至直接在注释里面堆砌关键词。那么网页里注释的内容会被抓取吗?我们先来看看百度工程师是如何回答的：问：注释掉的内容否会被百度抓取分析?百...
“相关推荐”对你有帮助么？
非常没帮助
没帮助
一般
有帮助
非常有帮助
提交
©️2022 CSDN
皮肤主题：大白
设计师：CSDN官方博客
返回首页
昔梦无痕
CSDN认证博客专家
CSDN认证企业博客
码龄16年
暂无认证
89
原创
10万+
周排名
33万+
总排名
80万+
访问
等级
6969
积分
77
粉丝
69
获赞
29
评论
192
收藏
私信
关注
热门文章
CSS + ul li 横向排列的两种方法
111109
PHP中CURL方法curl_setopt()函数的一些参数
77010
FileSystemObject详解
41792
linux编译安装及配置Nginx(包含pcre), 日志定时切割
26875
关于禁止js文件缓存问题
25058
分类专栏
ASP
22篇
ASP.NET
17篇
C# winform
Jsp
15篇
PHP
83篇
PHP 笔记
4篇
客户端技巧
34篇
数据库
5篇
windows server技术
6篇
MYSQL
10篇
Linux Server
32篇
杂谈
3篇
记事本
2篇
最新评论
yum 时候出现Another app is currently holding the yum lock解决方法
快乐肥宅aqa:
rm: 无法删除"/var/run/yum.pid": 权限不够
硬盘分区表丢失
海天数据恢复:
暂时不要重建分区，可以用 WishRecy恢复里面的文件。
15个优秀的PHP免费在线学习网站
heephp_mvc:
建议学习heephp框架
linux编译安装及配置Nginx(包含pcre), 日志定时切割
Tisfy:
深得人心，正如古人云：忆昔霍将军，连年此征讨。
mysql 直接拷贝data 目录下文件 进行数据库迁移时遇到的一些问题？？
乱键敲死:
undefined
您愿意向朋友推荐“博客详情页”吗？
强烈不推荐
不推荐
一般般
推荐
强烈推荐
提交
最新文章
轻松获得微信openid
PHP拷贝远程图片到本地方法~
测试的时候造数据，写个过程保存一下~
2018年5篇
2017年18篇
2016年11篇
2015年7篇
2014年10篇
2013年34篇
2012年44篇
2011年40篇
2010年11篇
2009年17篇
2008年38篇
目录
目录
分类专栏
ASP
22篇
ASP.NET
17篇
C# winform
Jsp
15篇
PHP
83篇
PHP 笔记
4篇
客户端技巧
34篇
数据库
5篇
windows server技术
6篇
MYSQL
10篇
Linux Server
32篇
杂谈
3篇
记事本
2篇
目录
评论 1
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
打赏作者
昔梦无痕
你的鼓励将是我创作的最大动力
¥2
¥4
¥6
¥10
¥20
输入1-500的整数
余额支付
(余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付
您的余额不足，请更换扫码支付或充值
打赏作者
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额
抵扣说明：
1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。 2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。
余额充值