H5的新特性及API详解（很惊人）

最新推荐文章于 2024-07-29 18:13:57 发布
最新推荐文章于 2024-07-29 18:13:57 发布
阅读量1.4w 收藏 8
点赞数 1
分类专栏： react native与跨平台flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_31333625/article/details/54632515
版权
本文详细介绍了HTML5的新特性，包括移除的元素、新增API，如Web Storage、File API、Web Workers、history对象等。此外，还讨论了2D绘图（canvas和svg）以及HTML5的兼容性问题。通过对这些特性的解析，帮助读者深入理解HTML5的最新功能。
摘要由CSDN通过智能技术生成

h5新特性总览

移除的元素

纯表现的元素： basefont、big、center、font等 
对可用性产生负面影响的元素： frame、frameset、noframes

了解本专栏 订阅专栏 解锁全文 超级会员免费看
天崩地裂金刚不坏
关注
专栏目录
订阅专栏
你真的熟练运用 HTML5 了吗，这10 个酷炫的 H5 特性你会几个？
努力是为了站在万人之中，成为别人的光
07-05 26万+
HTML5不是什么新鲜事。自初始版本（2008 年 1 月）以来，我们一直在使用它的几个功能。我再次仔细查看了 HTML5 功能列表。看看我发现了什么？到目前为止，我还没有真正使用过很多！ 在本文中，我列出了 10 个这样的HTML5功能，这些功能过去我用得不多，但现在发现它们很有用。我还创建了一个工作示例流程并托管在Netlify. 希望你也觉得它有用。让我们开始了解有关它们中的每一个的解释、代码和快速提示。 https://wanghao221.github.io/html-tips-tricks/
HTML5新增API
c1400612901的博客
06-27 1511
HTML5新增API
H5的新特性及部分API详解
热门推荐
charlene0824的博客
08-09 4万+
h5新特性总览移除的元素**纯表现的元素：**basefont、big、center、font等 **对可用性产生负面影响的元素：**frame、frameset、noframes新增的API语义：能够让你更恰当地描述你的内容是什么。 连通性：能够让你和服务器之间通过创新的新技术方法进行通信（web sockets等）。 离线 & 存储：能够让网页在客户端本地存储数据以及更高效地离线运行（离线
createObjectURL的部分使用讲解
最新发布
weixin_46394325的博客
07-29 831
createObjectURL的部分讲解
H5新API
qq_57104988的博客
08-30 407
context.fillStyle(10,10,100,100)//第一个参数是x轴开始位置，第二个参数是y轴开始位置，第三个参数是绘制图形的宽，第四个位置是绘制图形的高。// 声明一个渐变对象 第一个参数渐变x轴开始位置 第二个参数渐变y轴开始位置 第三个参数渐变结束x轴位置 第四个参数渐变结束y轴位置。 3.掌握渐变图形的绘制方法，学会图形变形，图形缩放，图形组合，以及给图形绘制阴影的方法。...
Html5_h5新增api（存在兼容性问题）---视频、音频
weixin_34132768的博客
06-04 357
因为不同浏览器下播放器长的不一样，为了让用户可以使用同一样式播放器 ，我们自己来设置播放器样式 　　　　 　 　　　进度条的写法 　　　　 　　　　 转载于:https://www.cnblogs.com/yangyutian/p/10976074.html...
H5新增API
巧克力很苦的小博客
09-30 421
前言 HTML新增的API是放在移动端的IE低版本浏览器就不要去考虑了(H5一般是在做移动端) 全屏显示 基本概念 HTML5规范允许用户自定义网页上任一元素全屏显示(规定了任何元素都可以全屏显示) 元素.requestFullscreen() 开启全屏显示、document.cancleFullscreen() 关闭全屏显示、document.isFullScreen判断当前是否全屏...
H5Plus API使用
06-21
在这个“H5Plus API使用”主题中，我们将深入探讨两个重要的API类别：Contact和Device。 首先，让我们关注Contact API。这个API主要用于管理系统通讯录，涵盖了对通讯录数据的基本操作，包括添加（Add）、删除...
H5新增了哪些新特性
小学弟的博客
09-09 1万+
H5新增了哪些新特性? 前言 本期为大家总结面试时常被问到的一个问题，那就是H5新特新有哪些，目前H5的新特性在实际工作中也经常会用到。本章主要总结为主，因此没有深入记录，若想深入了解，还需单独研究哦~ 1.语义化标签 2.Form表单增强 3.视频和音频标签 4.Canvas绘图 5.SVG绘图 6.地理位置定位（GeolocationAPI ） 7.拖放API 8.Web Worker 9.Web Storage 10.Web Socket
H5和C3新特性(完整版)
好好学习，天天向上！
01-11 2043
css3新特性 选择器 背景和边框 文本效果 2D/3D 转换 — 变形（transform）、过渡(transtion)、动画(animation) 1.选择器 :last-child /* 选择元素最后一个孩子 */ :first-child /* 选择元素第一个孩子 */（fer斯特） :nth-child(1) /* 按照第几个孩子给它设置样式 */ :nth-child(even) /* 按照偶数 */ :nth-child(odd) /* 按照奇数 */ :disabled /* 选择
HTML5新API学习
KevinChen
04-26 656
HTML5新标签学习手记 1、HTML5的新标签 footer,frame,section这些HTML布局的语义化标签 Forms新API：如slider，input的type，progress，input：placholder,autofocus,autocomplete,表单验证等。还可以平滑下降 canvas 画廊标签，用于处理html页面中的绘画 video，audio
html5新增Api
qq_38408390的博客
03-13 1083
html5新增Api 1 网络状态 我们可以通过window.navigator.onLine来检测，用户当前的网络状况，返回一个布尔值， 但是不同浏览器会存在差异 所以HTML5 给我们提供了2个事件 online 和 offline online用户网络连接时被调用 offline用户网络断开时被调用 他们监听的对象都是window 2 全屏 HTML5规范允许用户自定义网页上任一元素全屏显示。 1、Node.requestFullScreen() 开启全屏显示 2、Node.cancelFullScr
h5新API=＞IntersectionObserver
Ms_Wqh的博客
08-26 551
H5新的 IntersectionObserver可以自动"观察"元素是否可见。所以这个 API 叫做"交叉观察器"，之所以叫交叉观察，因为当被观察元素出现在可视区域时，会和可视区域有一个交叉的过程，当观察元素开始和可视区域交叉的时候也就意味着观察元素开始进入可视区域。...
H5新特性解读：让前端开发更简单
fudaihb的博客
05-10 1685
随着互联网的不断发展，网页技术也在不断更新迭代。其中，HTML5（以下简称H5）作为一项重要的更新，为前端开发者带来了诸多便利和新特性。在本文中，我们将深入探讨H5的种种新特性，以及它们对前端开发的影响。
记录一波h5新增的一些js常用实用的api方法
txun123的博客
04-09 365
延迟加载JS------defer="defer" <script src="js/b.js"defer="defer"></script> <script src="js/jquery.js"defer="defer"></script> <script src="js/c.js"defer="defer"></script> 注：通过defer="defer"让指定的js在其他js运行后再执行，如果像...
H5新特性
More reading and learning to become excellent
11-01 197
HTML 5视频 <video src="movie.ogg" controls="controls"> </video> control 属性供添加播放、暂停和音量控件。 autoplay 如果出现该属性，则视频在就绪后马上播放 loop如果出现该属性，则当媒介文件完成播放后再次开始播放。 preload如果出现该属性，则视频在页面加载时进行加载，并预备播放。 如果使用 “autoplay
H5 客户端存储 API
weixin_30604651的博客
05-10 88
介绍两个在客户端存储数据的 API localStorage与sessionStorage 两个都是window对象的属性，利用这两个属性，可以在客户端存储一些数据 相比cookie，这种存储方式的优点在于能存储更多的数据，且数据不会跟随http协议发送回客户端。 localStorage 可以说是永久的存储，存储的数据会一直存在，直到浏览器清除缓存，or 使用JS清除 se...
小程序、App与H5的区别
jffhy2017的博客
10-03 2940
一、运行环境不同 1.原生app直接运行在操作系统 2.小程序运行环境是微信基于浏览器内核重构的一个内置解析器 3.H5依附于浏览器外壳，包括WebView，可以使用浏览器中常用的window对象和document对象 二、开发成本 1.原生app的开发涉及到Android/IOS多个平台、开发工具、开发语言、不同设备的适配等问题，成本较大 2.小程序只需开发一个就可以在 Android...
Android与H5互调实战：WebView详解及应用
3. evaluateJavascript：Android 4.4（KitKat）及更高版本提供了这个方法，可以直接执行JavaScript代码并获取其返回结果。 ### 示例：Android调用H5 在Android端，我们可以通过`addJavascriptInterface`添加一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

天崩地裂金刚不坏

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值