18910140161

学习HTML5的一些新特性

顺晟科技

2021-06-16 11:02:50

221

首先,易用性和代码简单性

HTML5给网页更好的意义和结构。新的超文本标记语言标签,如页眉、页脚、导航、部分、侧边等,使读者更容易访问内容。使用新的语义定义标签,您可以更好地理解HTML文档,并创造更好的体验。

ARIA是W3C标准,主要用于给HTML文章中的元素分配“角色”。必须通过角色属性创建重要的页面地形,如页眉、页脚、导航或算术。这一点被忽略了,没有被广泛应用,因为事实上没有得到验证。但是HTML5会验证这样的属性。同时,这些角色将内置在HTML5中,不能被覆盖。

二、本地存储特点

HTML5最酷的特性是本地存储。这有点像旧技术cookie和客户端数据库的融合。比cooke好是因为它支持多个windows商店,而且安全性和性能更好,即使关闭浏览器也能保存。

因为是客户端数据库,不用担心用户删除任何cookie,各大浏览器都支持。

本地存储在很多情况下都很好。它是在HTML5工具中实现的,没有第三方插件。能够将数据保存到用户的浏览器意味着您可以简单地创建一些应用程序功能,例如保存用户信息、缓存数据和加载用户的最后应用程序状态。

第三,设备兼容特性(跨浏览器)

自从地理定位功能的API文档发布以来,HTML5为web应用开发者提供了更多的功能优化选择,带来了更多体验功能的优势。

有许多元标签可以让您优化移动:

视窗:允许您定义视窗宽度和缩放设置

全屏浏览器:ISO指定的值允许苹果设备以全屏模式显示

主屏幕图标:就像桌面收藏。这些图标可以用来给IOS和Android移动设备的首页添加收藏。

单击以查看源页面

第四,网络媒体功能更好地支持音频和视频

支持网页上的音视频等多媒体功能;在发布HTML5之前,需要使用嵌入式和对象标签,为了让它们能够正确播放,必须给很多参数。你的媒体标签会非常复杂,充满了令人困惑的代码。而HTML5的视频和音频标签基本都是把它们当做图片:视频src=''/。但是其他参数比如宽高或者自动播放呢?不用担心,就像其他HTML标签一样定义:video src=" URL " width=" 640 px " height=" 380 px " autoplay/。

视频src=' movie . ogg ' controls=' controls '

您的浏览器不支持视频标签。

/视频

动词(verb的缩写)三维、图形和特性

基于SVG、canvas、WebGL、CSS3的3D功能,用户会对浏览器呈现的惊艳视觉效果感到惊叹,用户可以使用Canvas开发游戏。Canvas元素本身不具备绘图能力,这取决于脚本。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航