HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

2024-06-24 11:14:16阅读量：87 字体：大 中 小

HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。

HTML5的新标签元素有：


定义页面或区段的头部;



定义页面或区段的尾部;



定义页面或区段的导航区域;



页面的逻辑区域或内容组合;



定义正文或一篇完整的内容;



定义补充或相关内容;


HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

使用他们能让代码语义化更直观,而且更方便SEO优化。但是此HTML5新标签在IE6/IE7/IE8上并不能识别，需要进行JavaScript处理。以下就介绍几种方式。

方式一：Coding JavaScript

如果是IE9以下的IE浏览器将创建HTML5标签， 这样非IE浏览器就会忽视这段代码，也就不会有无谓的http请求了。

第二种方法：使用Google的html5shiv包(推荐)

由于国内google的服务器访问卡，建议调用国内的cdn

但是不管使用以上哪种方法,都要初始化新标签的CSS.因为HTML5在默认情况下表现为内联元素，对这些元素进行布局我们需要利用CSS手工把它们转为块状元素方便布局

但是如果ie6/7/8 禁用脚本的用户,那么就变成了无样式的"白板"网页,我们该怎么解决呢?

我们可以参照facebook的做法，即引导用户进入带有noscript标识的 “/?_fb_noscript=1”页面，用 html4 标签替换 html5 标签，这要比为了保持兼容性而写大量 hack 的做法更轻便一些。

这样可以引导用户开启脚本,或者直接跳转到HTML4标签设计的界面。

免责声明：

本文《HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法》版权归原作者所有,内容不代表本站立场！

如本文内容影响到您的合法权益（含文章中内容、图片等），请及时联系本站，我们会及时删除处理。

推荐阅读

  • qq听歌状态怎么显示听的歌

    qq听歌状态怎么显示听的歌

    qq听歌状态可以显示正在QQ音乐听的歌，设置听歌状态后进入QQ音乐听歌即可。具体操作方法如下： qq听歌状态怎么显示听的歌 1、打开手机QQ软件，点击头像上的状态，进入状态设置。 2、找到并点击听歌...

    阅读: 934

  • qq相册怎么转移到另一个qq

    qq相册怎么转移到另一个qq

    qq相册要转移到另一个qq，可以借助转载功能进行转移，使用QQ进入另一个QQ的相册即可进行转载。具体操作方法如下： qq相册怎么转移到另一个qq 1、打开手机QQ软件，点击联系人”，再点击...

    阅读: 877

  • 花呗账单日怎么修改

    花呗账单日怎么修改

    花呗的账单日可以通过修改还款时间来修改，修改花呗的还款时间后，出账单的日子也会改变，通过设置修改花呗的账单日的具体操作步骤如下： 花呗账单日怎么修改 1、打开支付宝app，先点击下方的我的&rdquo...

    阅读: 911

  • 抖音怎么0.5倍速播放

    抖音怎么0.5倍速播放

    抖音视频播放有四种倍速选择，要设置0.5倍播放，在视频播放中即可直接设置。具体操作方法如下： 抖音怎么0.5倍速播放 1、打开手机抖音app，进入视频播放，长按视频，进入播放设置页面。 2、点击倍速...

    阅读: 948

  • 删除微信表情包

    删除微信表情包

    很多人的微信添加了很多表情包，如果要将微信内添加的表情包删除，进入微信的表情功能页面即可进行删除。具体操作方法如下： 删除微信表情包 1、打开手机微信app，点击我”，再点击表情&rdqu...

    阅读: 926

  • 家人地图如何开启永久位置

    家人地图如何开启永久位置

    家人地图是高德地图推出的家人定位查询功能，要开启家人地图永久位置分享，可以直接在家人地图设置中开启。具体操作方法如下： 家人地图如何开启永久位置 1、打开手机高德地图app，点击我的”。 ...

    阅读: 951

热门文章

最近更新