你可以让一些较早的浏览器(不支持HTML5)支持 HTML5。

现代的浏览器都支持 HTML5。

此外,所有浏览器,包括旧的和最新的,对无法识别的元素会作为内联元素自动处理。

正因为如此,你可以 "教会" 浏览器处理 "未知" 的 HTML 元素。(也就是html5的新元素)

HTML5 定了 8 个新的 HTML 语义(semantic) 元素。所有这些元素都是 块级 元素。

为了能让旧版本的浏览器正确显示这些元素,你可以设置 CSS 的 display 属性值为 block:

实例

header, section, footer, aside, nav, main, article, figure {
    display: block; 
}
Internet Explorer 8 及更早 IE 版本的浏览器不支持以上的方式。
<!--[if lt IE 9]>
  <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
以上代码是一个注释,作用是在 IE 浏览器的版本小于 IE9 时将读取 html5.js 文件,并解析它。
<!DOCTYPE html>
<html>

<head>
  <title>Styling HTML5</title>
  <!--[if lt IE 9]>
  <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
  <![endif]-->
</head>

<body>

<h1>我的第一篇文章</h1>

<article>
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
</article>

</body>
</html>

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

转载于:https://www.cnblogs.com/ivy938/p/5363959.html

HTML5 浏览器支持(怎么样让低版本浏览器支持html5?)相关推荐

  1. HTML5新标签对IE低版本浏览器的兼容处理

    问题概述:IE8浏览器中还没有添加对HTML5新标签的支持,当在页面中使用HTML5新标签时,新标签不兼容 1)使用JavaScript新增元素的方法解决 注意:使用javascript新增元素的方法 ...

  2. web HTML5新标签对IE低版本浏览器的兼容处理

    1)使用JavaScript新增元素的方法解决 注意:使用javascript新增元素的方法解决,新增的出来的html5标签是行级元素,需要css把行内元素转为块 ​//js创建html5标签docu ...

  3. 解决html5语意标签在IE低版本浏览器下的兼容问题:

    方法一:手动改写. 1.在body中写入h5语意标签,这里用nav标签举例子:<nav></nav> 2.在js中手动创建h5的语意标签:document.createElem ...

  4. 低版本浏览器兼容处理

    1.HTML5新标签对IE低版本浏览器的兼容处理 问题概述:IE8浏览器中还没有添加对HTML5新标签的支持,当在页面中使用HTML5新标签时,新标签不兼容 1)使用JavaScript新增元素的方法 ...

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

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

  6. jQ进阶篇--jQuery封装placeholder效果,让低版本浏览器支持该效果

    页面中的输入框默认的提示文字一般使用placeholder属性就可以了,即: <input type="text" name="username" pla ...

  7. 低版本浏览器使用最新渲染模式以免IE不支持CSS3属性

    1.让IE使用最新的渲染模式,告诉低版本浏览器使用最新渲染模式以免IE不支持CSS3属性 <meta http-equiv="X-UA-Compatible" content ...

  8. AngularJS开发指南7:AngularJS本地化,国际化,以及兼容IE低版本浏览器

    AngularJS本地化,国际化 国际化,简写为i18n,指的是使产品快速适应不同语言和文化. 本地化,简称l10n,是指使产品在特定文化和语言市场中可用. 对开发者来说,国际化一个应用意味着将所有的 ...

  9. webpack4与babel配合使es6代码可运行于低版本浏览器

    使用es6+新语法编写代码,可是不能运行于低版本浏览器,需要将语法转换成es5的.那就借助babel7转换,再加上webpack打包,实现代码的转换. 转换包括两部分:语法和API let.const ...

  10. vite如何兼容低版本浏览器

    一.问题 在使用vue3.2和vite2.0+开发一个移动端H5,测试时发现很多低版本的安卓手机浏览器出现白屏的现象,而ios机型基本上是好的,原因是很多低版本浏览器并不支持原生ESM导入的方式,下面 ...

最新文章

  1. 又一名逃犯在张学友演唱会被 AI 捕获,人送绰号“热心歌神张先生”
  2. 5G NGC — AUSF 鉴权服务功能
  3. 职场社交方向私密研究(脉脉、linkedin、会会…)| 北京活动
  4. hsf 架构_java分布服务:我打赌,没人可以这么精短的讲出分布服务架构吧
  5. 李笑来 css,李笑来都想投资千万美金的ACSS通证即将强势登陆奇点交易所
  6. CPU和GPU擅长和不擅长的方面
  7. 住宅的结构有哪些形式
  8. 关于CDC功能的答疑
  9. java认证,ocjp认证,jdk1.8,全流程介绍
  10. JS获取屏幕的宽度、高度
  11. Ajax怎么解决乱码PHP,php Ajax乱码
  12. 微信下载多媒体文件 java_java微信开发之上传下载多媒体文件_php实例
  13. 【HAVENT原创】nginx 配置
  14. 用c语言编程二元一次方程组的根,c++用函数写输入abc求二元一次方程根
  15. matlab解微分方程
  16. 003.宋浩老师《线性代数》笔记(第二章矩阵)(二)
  17. Html5面试问题总结(精华)
  18. 小米,苹果,百度,三星等公司的智能语音识别功能如何测试?
  19. 手机捕鱼服务器维护,手机捕鱼游戏服务器
  20. 16.04 安装 搜狗拼音

热门文章

  1. 5 Git 分支 - 远程分支
  2. POJ 3436 -- ACM Computer Factory(最大流,建图)
  3. xhtml的行内描述性元素
  4. C++Primer:字面值常量类调用函数错误(p268书中示例报错)
  5. Dalvik虚拟机相关的可执行程序
  6. JSP中EL表达式无效的问题
  7. 毛坯房装修需要哪些材料
  8. 一休和尚 小布偶 晴天娃娃
  9. Production Hair Rendering in RenderMan
  10. maven乱码解决方案---修改maven编码