注册有礼

HTML5新增功能有哪些，相比HTML有什么不同

Admin 2022-08-25 群英技术资讯 1157 次浏览

上一篇：ajax提交表单含HTML代码导致报错该怎么办 下一篇：iOS项目引入Html5文件报错报错该怎么办
这篇文章给大家分享的是HTML5新增功能有哪些，相比HTML有什么不同。小编觉得挺实用的，因此分享给大家做个参考，文中的介绍得很详细，而要易于理解和学习，有需要的朋友可以参考，接下来就跟随小编一起了解看看吧。

（1）HTML5现在已经不是SGML的子集，主要是关于图像，位置，存储，地理定位等功能的增加。

  • 绘画canvas元素；

  • 用于媒介回放的video和audio元素；

  • 本地离线存储localStorage长期存储数据，浏览器关闭后数据不丢失，sessionStorage的数据在浏览器关闭后自动删除；

  • 语意化更好的内容元素，比如article、footer、header、nav、section；

  • 表单控件，calendar、date、time、email、url、search；

  • 新的技术webworker,websockt和Geolocation。

（2）CSS3新特性：

  • 实现圆角（border-radius），阴影（box-shadow），边框图片（border-image）；
  • 对文字加特效（text-shadow），强制文本换行（word-wrap），线性渐变（linear-gradient）；
  • 实现旋转transform:rotate(90deg),缩放scale(0.85,0.90),translate(0px,-30px)定位,倾斜skew(-9deg,0deg);
  • 增加了更多的CSS选择器、多背景、rgba()；
  • 唯一引入的伪元素是::selection ；
  • 实现媒体查询(@media)，多栏布局（flex）。

（3）移除的元素

  • 纯表现的元素：basefont，big，center，font，s，strike，tt，u；
  • 对可用性产生负面影响的元素：frame，frameset，noframes；

（4）HTML5新标签的浏览器兼容问题是浏览器不能识别HTML5新标签而不能使用，解决办法有两种：

  •  方法1：实现标签被识别

通过document.createElement（tagName）方法即可让浏览器识别新标签，浏览器支持新标签后，还可以为新标签添加CSS样式。

  • 方法2：JavaScript解决方案

　　　A）使用html5shim：

　　　在<head>中调用以下代码：

　　　　<!--[if lt IE 9]>

      　　　　 <script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>

　　　　<![endif]-->

　　　当然也可以直接把这个文件下载到自己的网站上，但这个文件必须在head标签中调用。

　　　B）使用kill IE6

　　　在</body>之前调用以下代码：

　　　　<!--if lte IE 6]>

       　　　　<script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script>

    　　　<![endif]-->

（5）区分HTML和HTML5：

  • DOCTYPE声明
  • 新增的元素

 


以上就是关于“HTML5新增功能有哪些，相比HTML有什么不同”的相关知识，感谢各位的阅读，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注群英网络，小编每天都会为大家更新不同的知识。
群英智防CDN，智能加速解决方案
标签： HTML5功能

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：ajax提交表单含HTML代码导致报错该怎么办 下一篇：iOS项目引入Html5文件报错报错该怎么办

猜你喜欢

云活动 云活动

推荐内容

相关标签

成为群英会员,开启智能安全云计算之旅

立即注册
专业资深工程师驻守
7X24小时快速响应
一站式无忧技术支持
免费备案服务
产品与服务 云服务器 智防系统 服务器租用 服务器托管 虚拟主机
帮助中心 注册与购买 备案问题 鹰云服务器问题 服务器托管问题 域名问题 高防服务器问题 服务器租用问题
关于群英 群英简介 公司动态 资质荣誉 发展历程 群英环境 汇款信息 备案中心 联系我们
其他 数据中心 生态合作
友情链接
友链合作 群英网络 智帝云 主机评测 idc公司 商城系统 跨境电商 主机吧 酷库博客 OA系统 腾讯企业邮箱 锐成信息 sdwan

关注或联系群英网络

7x24小时售前：400-678-4567

7x24小时售后：0668-2555666

24小时QQ客服

群英微信公众号

CNNIC域名投诉举报处理平台

服务电话：010-58813000

服务邮箱：service@cnnic.cn

投诉与建议：0668-2555555

Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有

增值电信经营许可证 : B1.B2-20140078    ICP核准（ICP备案）粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008

免费拨打 400-678-4567
免费拨打 400-678-4567 免费拨打 400-678-4567 或 0668-2555555
在线客服
在线客服
微信公众号
返回顶部
返回顶部 返回顶部
在线客服
在线客服