HTML5是Web中核心语言HTML的规范,用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息。
H5这个词,来自”HTML5”,所谓“HTML5”,是指“HTML"的第5个版本,而"HTML”,则是指描述网页的标准语言。
几乎所有在线的应用类网站,本质上都是一个"H5”。H5页面简单的说就是利用html5制作出来的页面,利用图片、文字、动画、音乐等方式融合在一起来表达某种艺术效果或者推广效果。
扩展资料
新特性
HTML5将Web带入一个成熟的应用平台,在这个平台上,视频、音频、图像、动画以及与设备的交互都进行了规范。
1、智能表单
表单是实现用户与页面后台交互主要组成部分,HTML5在表单的设计上功能更加强大。input类型和属性的多样性大大地增强了HTML可表达的表单形式。
再加上新增加的一些表单标签,使得原本需要JavaScript来实现的控件,可以直接使用HTML5的表单来实现;一些如内容提示、焦点处理、数据验证等功能,也可以通过THML5的智能表单属性标签来完成。
2、绘图画布
HTML5的canvas元索可以实现画布功能,该元索通过自带的API结合使用JavaScript脚本语言在网页上绘制图形和处理,拥有实现绘制线条、弧线以及矩形,用样式和颜色填充区域,书写样式化文本,以及添加图像的方法,且使用JavaScript可以控制其每一个像素。
HTML5的canvas元索使得浏览器无需Flash或Silverlight等插件就能直接显示图形或动画图像。
3、多媒体
HTML5最大特色之一就是支持音频视频,在通过增加了<audio>、<video>两个标签来实现对多媒体中的音频、视频使用的支持,只要在Web网页中嵌入这两个标签,而无需第三方插件(如Flash)就可以实现音视频的播放功能。
HTML5对音频、视频文件的支持使得浏览器摆脱了对插件的依赖,加快了页面的加载速度,扩展了互联网多媒体技术的发展空间。
4、地理定位
现今移动网络备受青睐,用户对实时定位的应用越来,要求也越来越高。HTML5通过引入Geolocation的API可以通过GPS或网络信息实现用户的定位功能,定位更加准确、灵活。
通过HTML5进行定位,除了可以定位自己的位置,还可以在他人对你开放信息的情况下获得他人的定位信息。
5、数据存储
HTML5较之传统的数据存储有自已的存储方式,允许在客户端实现较大规模的数据存储。为了满足不同的需求,HTML5支持DOMStorage和WebSQLDatabase两种存储机制。
其中,DOMStorage适用于具有key/value对的基本本地存储;而WebSQLDatabase是适用于关系型数据库的存储方式,开发者可以使用SQL语法对这些数据进行查询、插入等 *** 作。
6、多线程
HTML5利用WebWorker将Web应用程序从原来的单线程业界中解放出来,通过创建一个WebWorker对象就可以实现多线程 *** 作。JavaScript创建的Web程序处理事务都是在单线程中执行,响应时间较长,而当JavaScript过于复杂时,还有可能出现死锁的局面。
HTML5新增加了一个WebWorkerAPI,用户可以创建多个在后台的线程,将耗费较长时间的处理交给后台面不影响用户界面和响应速度,这些处理不会因用户交互而运行中断。使用后台线程不能访问页面和窗口对象,但后台线程可以和贞面之间进行数据交互。
参考资料来源:百度百科-html5
1、了解媒体元素在网页上的使用场景2、掌握媒体元素的使用方法
本次课将会学习到两个媒体元素:视频和音频。
在现实中,如何实现在网页上播放视频和音频?
<video src="视频路径" controls></video>
src是指定要八方的视频文件的路径;controls是提供播放、暂停和音量的控件。
这里引入了一个浏览器支持与否的问题:
那如果你的浏览器不支持你的视频格式呢?
source标签的作用是给视频资源设置几个格式,这样浏览器可以选择自己可以播放的格式进行播放。
自动播放标签,加上这个标签之后不需要去按播放键就能自动播放。
<audio src="音频路径" controls></audeo>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)