如何解决HTML在各种浏览器的兼容性?

html-css014

如何解决HTML在各种浏览器的兼容性?,第1张

方法/步骤\x0d\x0a不同浏览器对HTML标记所具有的内外边距属性具有不同的定义。\x0d\x0a因此如果想消除这种差距,应该在相应的CSS部分加入以下CSS代码:\x0d\x0a*{margin:0pxpadding:0px}\x0d\x0a借于此,所有标记的内外边距被统一起来。\x0d\x0a优先级问题:\x0d\x0a对于同一标记属性所给定的值,有不同的优先级。其中优先级最高的是内联代码,其实是页内CSS,接下来是浏览器默认设置,最后才是外部CSS所做的限制。\x0d\x0aMargin不一致的问题:\x0d\x0a当有多张图片需要排在一行时,我们通常使用“Float:Left”来实现,这样一来,浏览器就存在兼容性问题。导致图片与后面的内容存在margin不一致的问题。对此一种解决方法就是给图片添加“Display:inline”项即可。\x0d\x0aDIV居中问题:\x0d\x0a通常我们会利用“vertical-align:middle”来实现,这对于搜狗浏览器来说,是正常的,但是对于IE浏览器来说,却并没有效果。对此,一种较好的解决方法是:将文字的行高设置与DIV一样时即可解决问题。\x0d\x0a内外边框合并问题。通常情况下,对于两个相关DIV块,相邻时采用外边距合并原则,其结果只最两个DIV块中Margin最大值做为两个DIV之间的间距。包含的两个DIV之间的间距也遵行同样的规则。\x0d\x0a掌握了这一规则,在利用DIV块进行布局时我们就可以做的更加得心应手。

html5兼容以前html4下的浏览器。html5具有兼容性和实用性的特点,在老版本的浏览器可以正常运行,同时支持html5的新浏览器也能正常运行html4,用html4创建出来的网站不是必须全部重建的。html5能够解决实际问题,内部只封装了切实有用的功能,不封装复杂而没有实际意义的功能。

1.当加了doctype

<img />标签的alt属性在ie8或以上不生效,所以推荐使用title属性。

2.什么情况下使用id选择器或class选择器

id选择器复用性比较低,优先级比较高,唯一使用,所以如果某个样式

只是给某一个html元素使用,则选择id选择器,如果一个样式可能给多个

html元素使用,则应当使用class选择器。

3.a:link 在ie5,6下无效

可以直接使用a{...}

4.IETest工具,也有一个兼容性问题,在win7下,打不开ie6。可以下载绿色版的ie6,不用安装直接用的那种。

5.在嵌套div中,如果外层div没有设置边框,内层div的margin-top会无效。