HTML5如何兼容低版本浏览器

 时间:2024-10-12 14:18:26

1、首先准备一个HTML5的页面文档,如下图所示,注意编码格式为UTF8

HTML5如何兼容低版本浏览器

2、然后在body标签下面添加html5的一些新标签元素,如下图所示

HTML5如何兼容低版本浏览器

3、接下来我们给新元素添加一些CSS样式,如下图所示,给header添加了背景色,nav添加了边框

HTML5如何兼容低版本浏览器

4、接下来我们引入低版本检测语句,如下图所示,当浏览器版本小于9的时候,引入html5shiv脚本

HTML5如何兼容低版本浏览器

5、这种判断语句的写法很灵活,你也可以如下图所示的方式,直接运用等于号

HTML5如何兼容低版本浏览器

6、当然大于的话就可以如下图所示的方式进行判断了,运用gt表示大于

HTML5如何兼容低版本浏览器

7、综上所述,兼容低版本浏览器的话,先利用if判断语句对浏览器版本进行判断,然后引入html5shiv脚本即可

  • 现场报警器工作原理
  • 原神如何达成成就卡伊洛斯的时时刻刻?
  • 佣兵战纪迪亚波罗怎么获得
  • 008神器修改手机型号的方法
  • QQ阅读怎么退出登录?
  • 热门搜索
    风干牛肉干做法 为什么说杨幂脚臭 怅惘怎么读 红烧鸡块怎么烧好吃又嫩 工作单位怎么填 涿怎么读 清蒸鲈鱼的做法 最正宗的做法 砾怎么读 生日邀请函怎么写 学习用英语怎么说