HTML5怎么样?

2021-03-16 13:42:48 浏览数 (5619)

HTML 相信没学过编程的都会认识,它的知名度不可谓不高,那么你知道它的新版本 HTML5 嘛?HTML5的功能在又上了一个档次,本篇文章小编为你介绍 HTML5。

HTML5介绍

2014年10月29日,万维网联盟正式宣布了 HTML5规范,HTML 是万维网最核心的超文本标记语言。万维网不等同于互联网,但它是依靠互联网运行的服务之一,万维网又简写为 www,它可以实现在互联网的帮助下,访问由许多互相链接的超文本组成的系统。

从1999年发布了 HTML4.01之后,到2014年经历十五年才推行 HTML,中间还出现了 WHATWG 和 XHTML2.0 两种规范,最后双方合并成全新的 HTML5 版本。

传言 HTML5 手机应用上运行缓慢并且漏洞百出,目前还不适合进行大规模推广,但这些问题都是可以优化的,并且 HTML5 手机应用有着可以在网页上直接调试和修改的优点,不需要再重复地编码和调试,相信未来 HTML5 手机应用的普及率只会越来越高。

HTML5新版本特性

1、HTML5淘汰了较为过时或冗余的 HTML 属性

2、增加了 Indexed DB 的本地存储功能

3、直接在浏览器中显示图形或动画,脱离 Flash 和 Silverlight

4、增加了 HTML5 文档到另一个文档间的拖放功能

5、提供外部应用与浏览器内部数据间的开放接口

HTML5的缺点

欧洲网络信息安全机构已经发出警告,HTML5 可能并不够安全。

HTML5 还没有被各大浏览器所支持

HTML5 要求技术必须全部开放,而这可能触及到一些大公司的利益

HTML5未来展望

随着移动化的进程,HTML5 终将成为主流。

毕竟,它更为简单、更为规范、相对于初学者而言更加友好。

HTML5新特性

用于绘画的 canvas 元素

标签 描述
<canvas> 标签定义图像,比如图表和其它图像。该标签基于 Javascript 的绘图 API

用于媒介回放的 video 和 audio 新多媒体元素

标签 描述
<audio> 定义音频内容
<video> 定义视频(video 或者 movie)
<source> 定义多媒体资源<video>和<audio>
<embed> 定义嵌入的内容,比如插件。
<track> 为诸如<video>和<audio>元素之类的媒介规定外部文本轨道

用于表单的 datalist 新表单元素

标签 描述
<datalist> 定义选项列表。请于 input 元素配合使用该元素,来定义 input 可能的值
<keygen> 规定用于表单的密钥对生成器字段
<output> 定义不同类型的输出,比如脚本的输出

用于新的语义和结构的新元素

标签 描述
<article> 定义页面独立的内容区域
<aside> 定义页面的侧边栏内容
<bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置
<command> 定义命令按钮,比如单选按钮、复选框或按钮
<details> 用于描述文档或文档某个部分的细节
<dialog> 定义对话框,比如提示框
<summary> 标签包含 details 元素的标题
<figure> 规定独立的流内容(图像、图表、照片、代码等等)。
<figcaption> 定义<figure>元素的标题
<footer> 定义 section 或 document 的页脚。
<header> 定义了文档的头部区域
<mark> 定义带有记号的文本。
<meter> 定义度量衡。仅用于已知最大和最小值的度量。
<nav> 定义导航链接的部分。
<progress> 定义任何类型的任务的进度。
<rudy> 定义 ruby 注释(中文注音或字符)。
<rt> 定义字符(中文注音或字符)的解释或发音。
<rp> 在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。
<section> 定义文档中的节(section、区段)。
<time> 定义日期或时间。
<wbr> 规定在文本中的何处适合添加换行符。

HTML5 已移除的元素

以下的 HTML 4.01 元素在 HTML5 中已经被删除:

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>

以上就是关于 HTML5介绍和应用的全部内容了,想要学习更多 HTML5知识可以进入:HTML5基础入门HTML5新特性实战