背景:众所周知,IE8及其以下的IE低版本浏览器是不支持html5标签的,更无奈的是IE9虽然支持了部分html5标签,但是对系统做了严格限制,那就是xp系统是无法装IE9的,这就把IE8、IE7这些低版本浏览器的死期更xp系统的死期狠狠地绑在了一起。微软的同志们下定了决心要干掉xp系统,无奈xp系统根深蒂结,一时无法连根拔起,就给了个几年的期限,而这期限只是停止更新,就算到了那时,谁也不能保证广大老年人是否愿意挪动一下身体去更新换代呢。用户就是上帝,你可以有你的选择,但上帝不会再眷恋着你。

实现原理:每个浏览器有一个它本身所认识的标签的列表,那么不在这个列表里面的标签我们称之为该浏览器的不可识别标签。对于ie低版本浏览器来言,html5的标签就是它的不可识别标签,在未做任何处理的情况下,这些标签在这些浏览器下是没有效果的。那么如何让这些标签能正常的展示自己以及附加的css样式呢。有人研究发现,当我们通过js的createElement方法去建立这些标签时,这些标签就可以被ie低版本浏览器识别。个人猜测应该是这些浏览器的javascript编译解析引擎在新建这些元素时,若发现他们不在可识别的列表当中就赋予它们一些默认的属性,然后添加到列表当中去。而这些默认的属性又是什么呢。下面我稍微试验一下。

>

html5标签支持测试我一个文章标签

由于仅仅是一个标签加文字,不出意料各浏览器都正常显示着文字。

下面我加点样式作料看看。

>

html5标签支持测试

.art{ width:100px; height:100px; border:1px solid Red; }

我一个文章标签

有了美丽的样式的修饰,Chrome,FireFox,Opera,Safari(新版)都出现了美美的绣边,而且体型还挺方正的呢。而IE8和IE7却依然如故。

由于IE8和IE7天生不能穿article这种美丽的衣服,于是玉皇大帝叫织女(document.createElement("article");)给他们织一件同样材质的衣服。

html5shiv版本,用html5shiv.js解决ie低版本浏览器支持html5标签相关推荐

  1. 解决ie8及低版本浏览器不支持html5标签属性

    html5新标签<head>.<nav>.<footer>兼容性 - 经验小结,处理方案 IE支持: IE8或更早的版本不支持HTML5的<nav>标签 ...

  2. 如何让低版本IE浏览器支持HTML5和CSS3

    在默认状态下,低版本的IE浏览器是不支持HTML5和CSS3的,很多良好的效果都不能够使用,这不能不说是一种遗憾,为了弥补此种遗憾,因此产生了很多优秀的插件,下面就介绍比较常用的几种. 一.html5 ...

  3. 如何将高版本的CAD文件转成低版本的CAD文件

    现在CAD版本众多,不同的用户使用的版本可能不一样.很多时候我们在设计图纸时需要将高版本CAD转换成低版本的CAD,常出现因版本不兼容而打不开的情况,那么如何将高版本的CAD文件转成低版本的CAD文件 ...

  4. 怎么把高版本的CAD文件转换成低版本的

    我们在打开CAD文件的时候有经常出现打不开的现象,这时候软件就会提示CAD版本过高,这时候就需要将CAD文件转换低版本了,那么怎么把高版本的CAD文件转换成低版本的呢? 这里小编就用迅捷PDF在线转换 ...

  5. 最新最全IE8及以下低版本浏览器支持canvas标签及常见的一些问题

    最近项目中对于前台登录要加个验证码功能,用canvas画了一个验证码,但是在IE8及以下浏览器上不兼容,原因就是ie8不支持H5标签,自己百度了一下,也踩了许多坑,最终解决了ie8及以下的兼容问题,趁 ...

  6. jquery.placeholder.min.js让你的IE浏览器支持placeholder

    2019独角兽企业重金招聘Python工程师标准>>> jquery.placeholder.min.js让你的IE浏览器支持placeholder http://www.ijque ...

  7. 解决vue低版本ios,安卓手机浏览器打开H5页面空白的问题

    低版ios手机ios8,ios9,安卓6以后的自带浏览器打开VUE开发的H5页面有时候会出现白屏的问题,这是因为vue 项目中es6的方法和语法在这些低版本的手机上不支持,解决办法 es6转es5 一 ...

  8. 【JavaWeb】解决IE低版本不兼容问题记录

    [问题描述] 原先的代码已在Google Chrome.Edge.IE11上通过测试,因项目需求,需要在IE8及以下的版本上兼容运行. 各个IE版本的问题记录 IE10,IE11没问题 IE9:能运行 ...

  9. 解决VMWare低版本无法打开高版本创建的系统

    VMWare低版本无法打开高版本出现如下错误:(vmware15打不开vmware16) 解决方法: 1.打开虚拟机的目录 2.找到虚拟机配置文件(vmname.vmx)和主VM磁盘的配置文件(vmn ...

  10. 让低版本的IE浏览器支持HTML5

    Internet Explorer 浏览器问题 你可以使用以上的方法来为 IE 浏览器添加 HTML5 元素,但是: 我们可以使用 Sjoerd Visscher 创建的 "HTML5 En ...

最新文章

  1. Java项目:网上书城+后台管理系统(java+jsp+servlert+mysql+ajax)
  2. AI智能手机会是什么样?至少有这十个功能
  3. HDU 2457 DNA repair (AC自动机+DP)
  4. Document 对象描述
  5. 8086实时时钟实验(二)——《x86汇编语言:从实模式到保护模式》读书笔记06
  6. Knative 多容器支持介绍
  7. 基于国家标准的 EndNote 输出样式模板
  8. “70后”清华教授,任大学校长
  9. 基于界面自动化测试框架的发展
  10. 央视被黑内幕,居然存在暴库及上传漏洞
  11. python的JSON模块和OS模块
  12. 随想录(科技企业中股票和融资)
  13. linux上数据库导入与导出(mysql)
  14. 阿里AI天池大赛-贷款违约预测-基于CatBoost十折交叉验证
  15. 苹果手机无法连接wifi_手机信号太差?一键查看连接的WIFI离我们多少米
  16. 浙大吴飞与贾扬清经典十问!
  17. 终极指南 | 干了这篇收心文,从入门到精通手把手教你写出最牛白皮书!
  18. 效率UP!机器学习从废品中分拣可回收材料;计算机科学自学计划▪中译版;Python入门指南;好用的代码自动补全工具;前沿论文 | ShowMeAI资讯日报
  19. 360 mysql无法启动_mysql无法启动
  20. 大连渤海・黄海潮汐时间表

热门文章

  1. 利用picasa2简单制作超炫壁画
  2. 网吧服务器系统如何配置,网吧服务器系统配置
  3. 【华为机试真题详解】机试题按知识点整理(入门指引)
  4. Fedora 14 x64 试用手记
  5. 计算机软件硬件维修,电脑软硬件维修从入门到精通
  6. 计算机系统新手入门,电脑初学者入门教程
  7. 万特电能表接线仿真系统 软件_【干货】简单明了电工教学仿真软件可下载
  8. 《松本行弘的程序世界》精彩书摘
  9. 截图工具:VeryCapture
  10. 【Windows网络编程】完成端口IOCP介绍(超详细)