【前端自学之路】JS之H5介绍

Javascript h5

HTML5(经常听到简称 h5)是web中HTML的新规范,针对HTML4.01进行了一些改进提升,提供了一些新技术

针对HTML的发展历史,这里先不提了

HTML5引进了哪些新Web技术

文档类型说明的变化

1
<!doctype html>

这是HTML5最新的文档类型说明语句

摒弃了一些旧的HTML元素,引入了新的HTML元素

移除的陈旧HTM元素,如

1
2
3
4
<big></big>
<center></center>
<font></font>
...

等等

引入了一些新的HTML元素,这些元素具有语义化等特点,如

1
2
3
4
5
<article></article>
<header></header>
<section></section>
<footer></footer>
...

等等其他新的标签元素

多媒体标签

注:mp4播放介质来源于腾讯QQ音乐客户端,在此仅用于测试程序代码用,再无其他任何用途。

源代码如下:

1
2
3
4
<video width="100%" height="240" controls>
<source src="/video/music.mp4" type="video/mp4">
浏览器不支持 video 标签
</video>

注:mp4播放介质来源于腾讯QQ音乐客户端,在此仅用于测试程序代码用,再无其他任何用途。

源代码如下:

1
2
3
4
<audio width="100%" controls>
<source src="/video/music.mp4" type="audio/mpeg">
浏览器不支持 audio 元素
</audio>

2D/3D 图像

通过 canvas 元素可以绘制一些图像

当然,WebGL 也可以在 canvas 元素上绘制3D图像功能

离线存储

通过manifest 可以实现应用程序级别的缓存

使用地址位置定位

通过 geolocaon 对象,可以使用当前地址位置服务

使用多线程

通过 Web Worker 实现JS后台线程,用于复杂计算和影响主线程允许的事务

其他

还有 camera api等

坚持原创技术分享,谢谢鼓励我继续创作!