Skip to main content

HTML 5中的新功能有哪些?

China GDD 2009-谷歌的HTML 5的相关技术:接下来是什么? (六月 2025)

China GDD 2009-谷歌的HTML 5的相关技术:接下来是什么? (六月 2025)
Anonim

HTML 5为HTML规范添加了许多新功能,并且很容易实现。您使用HTML 5 doctype,它简单易用:

对,就是那样。只有两个字“doctype”和“html”。它可以很简单,因为HTML 5不再是SGML的一部分,而是一种独立的标记语言。

HTML 5的字符集也得到了简化。它使用UTF-8,只用一个元标记定义它:

HTML 5新结构

HTML 5认识到网页具有结构,就像书籍和其他XML文档具有结构一样。通常,网页包含导航,正文内容,侧边栏内容,页眉,页脚和其他功能。 HTML 5具有标记以支持页面的这些元素。他们是:

  • 定义页面的各个部分。
  • 定义页面的标题。
  • 定义页面的页脚。
  • 定义页面上的导航。
  • 定义页面上的文章或主要内容。
  • 定义额外的内容,如页面上的侧边栏。
  • 定义注释文章的图像。

HTML 5新内联元素

新的内联元素定义了一些基本概念并保持语义标记:

  • 表示以某种方式标记的内容。
  • 表示时间或日期的内容。
  • 表示内容是已知范围的一小部分,例如磁盘使用情况。
  • 表示任务完成的进度。

HTML 5新动态页面支持

HTML 5是为帮助Web应用程序开发人员而开发的,因此有许多新功能可以轻松创建动态HTML页面:

  • 上下文菜单 - HTML 5支持在网页和应用程序中创建和使用上下文菜单。
  • HREF 标签上不需要。这允许您在脚本和Web应用程序中使用标记,而无需发送该锚点。
  • 异步属性 - 这将添加到脚本标记中,以告知浏览器应该异步加载脚本,这样它不会减慢页面其余部分的负载和显示速度。
  • - 这提供了有关元素的详细信息。这就像非Web应用程序中的工具提示。
  • 创建一个从数据库或其他动态源构建的表。
  • 是一个旧的标签带回来,给你新的生活,允许你在你的网页上创建一个菜单系统。
  • 定义激活动态元素时应发生的操作。

HTML 5新表单类型

HTML 5支持所有标准表单输入类型,但它还增加了一些:

  • 约会时间
  • 日期时间本地
  • 日期
  • 时间
  • 范围
  • 电子邮件
  • 网址

HTML 5新元素

HTML 5中有一些令人兴奋的新元素:

  • - 此元素为您提供网页上的JavaScript绘图空间。它可以将图像或图形添加到工具提示中,也可以在您的网页上创建动态图形,这些图形是动态构建的。
  • - 使用此简单标记将视频添加到您的网页。
  • - 使用此简单标记为您的网页添加声音。

HTML 5删除一些元素

HTML 5中不再支持HTML 4中的某些元素。大多数元素已经被弃用,并且不应该令人惊讶。他们是:

  • 缩写
  • 小程序
  • BASEFONT
  • 中央
  • DIR
  • 字形
  • 框架
  • ISINDEX
  • 无框架
  • NOSCRIPT
  • 小号
  • 罢工
  • TT
  • ü