html标签hr的兼容性，html常见的兼容性问题

如何解决HTML5在实际应用中的兼容性问题

自适应网页设计，即响应式布局 2不使用绝对宽度 由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。3相对大小的字体 字体也不能使用绝对大小（px），而只能使用相对大小（em）。

每一个解决方案为了做到兼容都会遇到一些特定的问题。在此也在马海祥博客上跟大家分享一下：实现标签被识别马海祥曾做个一个测试(以IE8为例)，是一个文章标题和蓝色字的文章内容，其中文章内容用了article标签。

打开IE，选择“工具”-“Internet选项”。选择“安全”选卡，选择下面的“自定义级别”。将Activex控件和插件下的启用和禁用单选按钮选择启用；将脚本下的启用和禁用单选按钮选择启用。

如果屏幕宽度在400像素到600像素之间，则加载smallScreen.css文件。除了用html标签加载CSS文件，还可以在现有CSS文件中加载。

处理兼容问题有两种方式：IE8/IE7/IE6支持通过document.方法产生的标签，利用这一特性让这些浏览器支持HTML5新标签。

第一种方法：IE9以下版本的IE将创建HTML5标签， 非IE浏览器会忽略这段代码，因此不会发生http请求，也就不影响网页执行效率。

相关问答

Q1: 得到html元素的方式有哪些?兼容性如何?

1、html元素使用，则应当使用class选择器。a：link 在ie5，6下无效 可以直接使用a{...} IETest工具，也有一个兼容性问题，在win7下，打不开ie6。可以下载绿色版的ie6，不用安装直接用的那种。

2、\x0d\x0aMargin不一致的问题：\x0d\x0a当有多张图片需要排在一行时，我们通常使用“Float：Left”来实现，这样一来，浏览器就存在兼容性问题。导致图片与后面的内容存在margin不一致的问题。

3、-使用CSS框架：CSS框架是一组可重复使用的CSS代码，可帮助开发人员更轻松地创建网站布局和样式。常见的CSS框架包括Bootstrap和Foundation。JavaScript兼容性问题 JavaScript是一种用于网站交互和动态效果的编程语言。

4、可以通过个人pc固定的浏览器，这些浏览器都有自身的内核，可以强制性的使用。就不存在兼容性问题。这种办法一般可以用在办公室的场景。

5、// 找到父元素 var parent = myP.parentNode；// 从父元素中删除该元素 parent.removeChild(myP)；这是一种简单的方法，在实际应用中，使用JavaScript对页面进行操作还需要考虑到很多的因素，如浏览器兼容性、性能优化等。

6、要想让一段HTML代码在各个浏览器中均正常显示，必须进行测试。比如有一款软件叫做IETester的软件，里面包含了很多IE的版本，可以用来测试代码的显示效果。至于其他浏览器就只能用相应的浏览器打开网页来测试了。

Q2: 如何解决浏览器兼容性问题

1、搜狗浏览器兼容模式设置方法： 在网页空白处点击右键，选择“切换到兼容模式”即可。 360浏览器兼容模式设置方法 (1)在地址栏后面，如果当前显示闪电图标，则为极速模式。

2、解决浏览器兼容性问题的方法如下：使用现代浏览器标准：尽量使用最新的HTML、CSS和JavaScript标准，因为这些标准在大多数现代浏览器中都有很好的支持。

3、解决方法：-使用CSS前缀：某些CSS属性需要使用浏览器前缀才能正常工作。例如，-webkit-前缀适用于Chrome和Safari浏览器，-moz-前缀适用于Firefox浏览器。在编写CSS时，请确保为需要前缀的属性添加正确的前缀。

Q3: html,怎么在表单表格里加hr,还是hr不能放在table里面,最后请教造成图一...

table里的内容都需要放在td里，你的内容错乱，就是因为内容没用td包裹，会自动提前到前边。如果想要在table里边添加hr，一个是需要用td包裹，再是td需要合并单元格。但是hr长度最多跟table这么大。

给左侧的图片加一个css样式： vertical-align： middle，如下图。

hr在不同浏览器里的默认表现不同，就像img在IE里默认会在图片四周有蓝色的外框。img应首先定义为img {border：0}，以后用到图片边框时再另行定义。

如果其它栏的宽度过程，默认就会挤在一起。很少使用table，所以详细不是很清楚。你可以给td添加一个min-weight属性控制一下这种情况。

需要准备的材料分别有：电脑、浏览器、html编辑器。首先，打开html编辑器，新建html文件，例如：index.html。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：body{text-align：center；}table{margin：auto；}。浏览器运行index.html页面，此时成功用css让表格居中了。

Q4: 浏览器兼容问题(如何解决常见的浏览器兼容性错误)

1、方法一：添加受信任的站点 首先打开IE浏览器，点击工具中的Internet选项。切换到安全标签中，点击受信任的站点。然后点击站点，添加该行的站点。方法二：关闭保护模式 打开IE浏览器，点击工具选项中的Internet选项。

2、解决浏览器兼容性问题的方法如下：使用现代浏览器标准：尽量使用最新的HTML、CSS和JavaScript标准，因为这些标准在大多数现代浏览器中都有很好的支持。

3、方法添加受信任的站点 打开IE11浏览器， 点击浏览器右上角的工具选项，再选择Internet选项；点击界面的上方的安全选项卡，然后点击受信任的站点；点击站点，添加该行的网站即可。

4、浏览器版本过低：360浏览器的兼容模式只能在较新的版本中启用。如果你的浏览器版本过低，可能无法切换到兼容模式。你可以尝试更新浏览器版本，或者使用其他浏览器。

html标签hr的兼容性的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html常见的兼容性问题、html标签hr的兼容性的信息别忘了在本站进行查找喔。