Html5兼容性

joniy 2015-12-11 07:08:05

最近公司要写一个网页，我开发的时候浏览器是都支持的，但在架设到外网后，IE10和360不能显示部分html5，
效果可以在下面两个连接上看出来，IE7,8,9都测试没问题，chrome，QQ浏览器没问题

http://112.74.21.158:8080/pokeWeb/

http://112.74.21.158:8080/pokeWeb/showIndex.jsp?1

这到底要这样呀？

貌似mui.init();都不能执行

请大人们指点……

...全文

199 1 打赏收藏举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

Nail_Kong 2015-12-12

打赏
举报

回复

谷歌浏览器调试下，页面兼容性的问题太麻烦

优先使用特性检测而非浏览器版本判断；对核心功能做优雅降级，保证低版本浏览器可用；利用成熟的 Polyfill 库减少重复开发；非必要场景可放弃 IE8 及以下（目前全球市场占比 < 1%），聚焦 IE9+ 及现代浏览器。

普通浏览器普通不支持HTML5新标签的浏览器 —— 能正常解析，但会当初成 inline 元素对待在不支持HTML5新标签的浏览器里，会将这些新的标签解析成行内元素(inline)对待，所以我们只需要将其转换成块元素(block)即可使用；经常会到初始化 css中看到：/* HTML5 display-role reset for older browsers */article, aside, ...

HTML5标签的兼容性解决方式部分项目的要求是兼容低版本的IE浏览器，比如IE8之类的，但是项目中使用header、 nav等HTML5的标签，需要解决兼容。查看what can i use 可以看到header等HTML5的标签 IE8等低版本浏览器不支持使用document.createElement(tag)来解决 document.createElement('head...

普通浏览器普通不支持HTML5新标签的浏览器 —— 能正常解析，但会当初成 inline 元素对待在不支持HTML5新标签的浏览器里，会将这些新的标签解析成行内元素(inline)对待，所以我们只需要将其转换成块元素(block)即可使用；经常会到初始化 css中看到：/* HTML5 display-role reset for older browsers */article, aside, ...

目前大部分浏览器均支持HTML5。低版本浏览器支持HTML5所有浏览器，对无法识别的元素会作为内联元素自动处理。因此可以采用如下方法教会浏览器处理 “未知” 的 HTML 元素。将 HTML5 元素定义为块元素HTML5 定了 8 个新的 HTML 语义（semantic）元素。所有这些元素都是块级元素。为了能让旧版本的浏览器正确显示这些元素，你可以设置 CSS 的 display 属

81,108

社区成员

341,721

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章