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

    浏览量

    7588
  • HTML5
    +关注

    关注

    0

    文章

    73

    浏览量

    17225
  • WEB前端
    +关注

    关注

    0

    文章

    18

    浏览量

    2467
收藏 人收藏

    评论

    相关推荐

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

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

    关于射频微机电系统开关的那些事儿

    关于射频微机电系统开关的那些事儿
    的头像 发表于 12-06 14:58 235次阅读
    <b class='flag-5'>关于</b>射频微机电系统开关的<b class='flag-5'>那些</b>事儿

    关于MLCC(多层陶瓷电容)替代Film Cap (薄膜电容)的那些

    关于MLCC(多层陶瓷电容)替代Film Cap (薄膜电容)的那些
    的头像 发表于 12-04 17:35 641次阅读
    有<b class='flag-5'>关于</b>MLCC(多层陶瓷电容)替代Film Cap (薄膜电容)的<b class='flag-5'>那些</b>事

    html文件转换成pdf示例

    Java 转换 HTML 到PDF有许多类库,今天我们介绍一下第三方免费的类库OpenPDF。 1. OpenPDF OpenPDF是免费的Java类库 ,遵从LGPL 和 MPL协议,所以基本上
    的头像 发表于 10-09 16:03 694次阅读
    将<b class='flag-5'>html</b>文件转换成pdf示例

    快速了解最新蓝牙Mesh规范的新增功能特性

    联盟( Bluetooth SIG )最近发布新的蓝牙 Mesh 规范, Silicon Labs (亦称“芯科科技”)亦已借此机会提供全系列支持新标准的蓝牙 SoC 和模块产品阵容。本文将概略介绍蓝牙 Mesh 的新增功能
    的头像 发表于 10-09 15:45 236次阅读
    快速了解最新蓝牙Mesh规范的<b class='flag-5'>新增</b><b class='flag-5'>功能</b><b class='flag-5'>特性</b>

    谷歌邮箱官方宣布将于2024年1月停止支持基本HTML视图

    版Gmail提供两个界面:基本HTML视图、标准视图。停止支持HTML视图后,当前打开经典模式的基本HTML视图模式URL将自动重定向到标准视图界面。并且,精简后的Gmail体验加载速度很快 —— 它的精简
    的头像 发表于 09-27 16:09 759次阅读

    数据丢失防护15.5中的新增功能

    电子发烧友网站提供《数据丢失防护15.5中的新增功能.pdf》资料免费下载
    发表于 09-07 15:34 0次下载
    数据丢失防护15.5中的<b class='flag-5'>新增</b><b class='flag-5'>功能</b>

    数据丢失防护15.0中的新增功能

    电子发烧友网站提供《数据丢失防护15.0中的新增功能.pdf》资料免费下载
    发表于 09-07 10:45 0次下载
    数据丢失防护15.0中的<b class='flag-5'>新增</b><b class='flag-5'>功能</b>

    Wowza HTML5视频播放器--Flowplayer

    如你所知,HTML代表超文本标记语言,这种语言构成了互联网上的每个页面。然而,HTML5指的是支持音频和视频标签的最新版本的HTML(您将识别和)。Safari、Firefox和GoogleChrom
    的头像 发表于 09-01 15:34 460次阅读

    关于农林气象站的基本介绍

    关于农林气象站的基本介绍
    的头像 发表于 08-23 16:58 260次阅读

    SOLIDWORKS 2023新产品发布会!带你领略SOLIDWORKS 2023新增功能

    SOLIDWORKS 2023新增功能
    的头像 发表于 07-28 15:50 1059次阅读

    HTML5介绍(2)#web开发技术

    Web开发技术
    未来加油dz
    发布于 :2023年07月12日 14:58:13

    HTML5介绍(1)#web开发技术

    Web开发技术
    未来加油dz
    发布于 :2023年07月12日 14:57:28

    ESP8266中的那些功能代表什么?

    PIC16F877A)具有用于引脚配置(方向)的 TRISx 和用于设置输出和读取输入的 PORTx。 ESP8266 中的那些功能代表什么?我正在阅读从 Espressif 网站下载的技术参考资料,但我无法
    发表于 05-25 08:06

    SpringBoot模板分类树查询功能介绍

    了5次。 到底是怎么回事呢? 背景 我们的网站使用了SpringBoot推荐的模板引擎:Thymeleaf,进行动态渲染。 它是一个XML/XHTML/HTML5模板引擎,可用于Web与非Web环境中的应用开发。 它提供了一个用于整合SpringMVC的可选模块,在应用开发中,我们可以使用Thymeleaf来完全代
    的头像 发表于 05-22 11:39 499次阅读
    SpringBoot模板分类树查询<b class='flag-5'>功能</b><b class='flag-5'>介绍</b>