0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看威廉希尔官方网站 视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

关于HTML5新增的那些功能和特性介绍

西西 来源:黑马程序员 作者:黑马程序员 2020-05-17 10:53 次阅读

从HTML4.0、XHTML到HTML5,从某种意义上讲,这是HTML描述性标记语言的一种更加规范的过程。因此,HTML5并没有给开发者带来多大的冲击。但HTML5增加了很多非常实用的新功能和新特性,下面具体介绍HTML5的一些优势。

1、 解决了跨浏览器问题

在HTML5之前,各大浏览器厂商为了争夺市场占有率,会在各自的浏览器中增加各种各样的功能,并且不具有统一的标准。使用不同的浏览器,常常看到不同的页面效果。在HTML5中,纳入了所有合理的扩展功能,具备良好的跨平台性能。针对不支持新标签的老式IE浏览器,只需简单地添加JavaScript代码就可以使用新的元素。推荐了解黑马程序员web前端课程。

2、新增了多个新特性

HTML语言从1.0到5.0经历了巨大的变化,从单一的文本显示功能到图文并茂的多媒体显示功能,许多特性经过多年的完善,已经发展成为一种非常重要的标记语言。HTML5新增的特性如下。

● 新的特殊内容元素,比如header、nav、section、article、footer。

● 新的表单控件,比如calendar、date、time、email、url、search。

● 用于绘画的canvas元素。

● 用于媒介回放的video和audio元素。

● 对本地离线存储的更好支持。

● 地理位置、拖曳、摄像头等API

HTML5标准的制定是以用户优先为原则的,一旦遇到无法解决的冲突时,规范会把用户放在第一位。另外,为了增强HTML5的使用体验,还加强了以下两方面的设计。

● 安全机制的设计

为确保HTML5的安全,在设计HTML5时做了很多针对安全的设计。HTML5引入了一种新的基于开源的安全模型,该模型不仅易用,而且对不同的API(Application Programming Interface,应用程序编程接口)都通用。使用这个安全模型,不需要借助于任何不安全的hack就能跨域进行安全对话。

● 表现和内容分离

表现和内容分离是HTML5设计中的另一个重要内容。实际上,表现和内容的分离早在HTML4.0中就有设计,但是分离的并不彻底。为了避免可访问性差、代码高复杂度、文件过大等问题,HTML5规范中更细致、清晰地分离了表现和内容。但是考虑到HTML5的兼容性问题,一些陈旧的表现和内容的代码还是可以兼容使用的。

4. 化繁为简的优势

作为当下流行的通用标记语言,HTML5尽可能地简化,严格遵循了“简单至上”的原则,主要体现在这几个方面:

● 新的简化的字符集声明;

● 新的简化的DOCTYPE;

● 简单而强大的HTML5 API;

● 以浏览器原生能力替代复杂的JavaScript代码。 为了实现这些简化操作,HTML5规范需要比以前更加细致、精确。为了避免造成误解,HTML5对每一个细节都有着非常明确的规范说明,不允许有任何的歧义和模糊出现。

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 黑马
    +关注

    关注

    0

    文章

    2

    浏览量

    7625
  • HTML5
    +关注

    关注

    0

    文章

    73

    浏览量

    17407
  • WEB前端
    +关注

    关注

    0

    文章

    18

    浏览量

    2517
收藏 人收藏

    评论

    相关推荐

    SOLIDWORKS 2025设计新增功能

    SOLIDWORKS 2025的发布为设计领域注入了新的活力,其新增功能不仅提升了设计效率,还增强了协作和数据管理的能力
    的头像 发表于 12-20 17:13 114次阅读

    SOLIDWORKS 2025引入了多项新增工具和增强功能

    在工程设计领域,SOLIDWORKS一直以其强大的功能和灵活的操作性赢得了广泛的认可。随着SOLIDWORKS 2025版本的发布,这款三维CAD设计软件再次以一系列令人瞩目的新增工具和增强功能,为全球设计师和工程师们带来了设计
    的头像 发表于 12-17 15:23 102次阅读

    ChatGPT新增实时搜索与高级语音功能

    在OpenAI的第八天威廉希尔官方网站 分享直播中,ChatGPT的搜索功能迎来了重大更新。此次更新不仅丰富了ChatGPT的功能体系,更提升了其实用性和竞争力。 新增的实时搜索功能,是此次更新的亮
    的头像 发表于 12-17 14:08 145次阅读

    SOLIDWORKS 2025新增功能介绍

    在工程设计领域,SOLIDWORKS一直是创新的代名词,其不断推出的新版本总能带给用户惊喜。2025年的SOLIDWORKS再次不负众望,带来了一系列令人瞩目的新增功能,旨在提升设计效率、增强用户体验,并推动工程设计的边界。
    的头像 发表于 11-21 13:56 162次阅读

    HyperLynx 2409的新增部分功能

    在《HyperLynx 2409丨新一代电子系统设计的革新之旅(上)》中,我们介绍了HyperLynx 2409的新增部分。接下来,我们将继续深入探讨这些新功能如何帮助设计人员更有效地识别和解决潜在问题,从而优化设计流程,确保产
    的头像 发表于 11-12 11:11 365次阅读

    HyperLynx 2409新增功能和改进功能

    作为HyperLynx Schematic Analysis加入HyperLynx系列;Xpedition AMS即将作为HyperLynx AMS加入HyperLynx系列。我们的产品一如既往地出色,并具有以下新增功能和改进功能
    的头像 发表于 11-04 11:15 363次阅读

    苹果推出iOS 18.1,新增5G功能

    10月30日讯,苹果公司近期正式推出了iOS 18.1版本更新,其中一项备受关注的新功能5G消息功能。该功能打破了平台限制,使得苹果与安卓设备用户能够轻松互发包含高清图片、视频、实时
    的头像 发表于 10-30 14:38 483次阅读

    京准时钟科普:关于北斗卫星同步时钟的那些事?

    京准时钟科普:关于北斗卫星同步时钟的那些事?
    的头像 发表于 10-29 09:28 277次阅读
    京准时钟科普:<b class='flag-5'>关于</b>北斗卫星同步时钟的<b class='flag-5'>那些</b>事?

    Xilinx ZYNQ 7000系列SoC的功能特性

    本文介绍下Xilinx ZYNQ 7000系列SoC的功能特性、资源特性、封装兼容性以及如何订购器件。
    的头像 发表于 10-24 15:04 664次阅读
    Xilinx ZYNQ 7000系列SoC的<b class='flag-5'>功能</b><b class='flag-5'>特性</b>

    传感器的动态特性和静态特性参数介绍

    传感器的特性可以分为静态特性和动态特性两大类,这两类特性分别描述了传感器在不同输入条件下的输出响应特点。下面将详细介绍这两类
    的头像 发表于 09-29 16:24 1982次阅读

    微软OneNote引入“便笺”功能并更改图标为紫色,新增搜索框

    如今,微软官方宣布这一功能已进入稳定运行阶段,所有Windows用户均可尝试最新版本的OneNote应用,体验其新增的“便笺”功能
    的头像 发表于 05-28 12:02 899次阅读

    智能戒指Oura Ring新增测量心血管年龄与心肺功能功能

    5月10日讯,全球热销智能戒指品牌Oura Ring近日宣布新增功能,用户可通过其测量心血管年龄和心肺功能,以评估心血管健康状况并采取相应措施。
    的头像 发表于 05-11 11:33 488次阅读

    谷歌Pixel 8将采用Gemini Nano模型,新增两项AI功能

    经谷歌披露,Pixel 8 在配备 Gemini Nano 后,首先将增加两大创新 AI 功能:其中之一是 Recorder 应用内新增 Summarize 功能,无网络情况下可记录并归纳更多
    的头像 发表于 03-29 15:46 576次阅读

    狐安卓版将支持新标签页与隐藏设置功能

    想要体验此新增功能,在火狐浏览器Nightly之中,只需操作以下步骤:设置—关于Firefox Nightly—Firefox标志按满5下就可启动。
    的头像 发表于 03-04 14:25 474次阅读

    焊接电源特性有哪些?分别表征电源的那些特性?

    焊接电源是指用来提供焊接过程中所需的电能和电压的设备。它的特性决定了焊接质量和效果,因此对于焊接工艺的选择和控制起着至关重要的作用。以下是焊接电源的主要特性和其表征的内容。 输出电流特性:输出电流
    的头像 发表于 02-27 11:38 2259次阅读