点击登录
  • 欢迎访问我的个人博客,在这里我会跟大家分享前端的学习心得, 一起成长  博客地址
  • 同时欢迎访问我正在实践的外贸电商网站 iMart
  • 目前正在求职前端工程师职位, 请查看我的在线简历

HTML5的浏览器支持

前端学习笔记 mike652638 438次浏览 已收录 0个评论
摘要: HTML5于2014年9月发布, 目前主流的浏览器(IE9+,Chrome25+,Firefox19+)都对其有较好的支持, 但某些较旧的浏览器依然存在兼容问题, 以下为一些可参考的解决方案, 随着后续学习深入会持续更新……

1.将 HTML5 元素定义为块元素

所有浏览器(包括旧的和最新的),对无法识别的元素会作为内联元素自动处理。为解决这个问题, 对于某些”未知” 的 HTML 元素, 我们可以通过样式表指定其以块级元素显示。

比如:
HTML5 定了 8 个新的 HTML 语义(semantic) 元素。所有这些元素都是 块级 元素。为了能让旧版本的浏览器正确显示这些元素,我们可以设置 CSS 的 display 属性值为 block:

博主注: 上面这段代码看起来很熟悉, 在经常引用的normalize.css中便包含同样的定义:

以上方法在一般情况下是有效的, 然而, 被称为”业界毒瘤”的IE8及其早期版本并不支持此方式, 当然, 这难不倒众多的Hacker们, 经典的的 “HTML5 Enabling JavaScript” (简称”html5shiv“) 便是引用最多的Hack方法之一, 国内推荐使用BootStrap中文网上的CDN来引用该库, 举例如下:

注意: html5shiv.js 引用代码必须放在 元素中,因为 IE 浏览器在解析 HTML5 新元素时需要先加载该文件。

本博部分文章转自前端大牛, 相关论坛或社区等, 凡转载文章均会注明原文地址, 如有侵权, 请与本人联系删除!
HTML5的浏览器支持
喜欢 (1)
[支付宝或微信扫码打赏 :)]
分享 (0)
mike652638
关于作者:
关注互联网, 折腾大前端 ~ 希望结交更多的前端好友, 大家一起交流哦
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址