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
- ü