HTML 5是HTML的新版本
HTML 5为HTML规范添加了许多新功能。 而更好的是,这些新功能已经有了一些有限的浏览器支持。 如果您有兴趣的功能,请查看WHATWG Wiki实施页面,以获取有关支持规范各个部分的浏览器的信息。
HTML 5新的文档类型和字符集
关于HTML 5的好处在于它是多么容易推动。 您使用HTML 5文档类型,它非常简单并且简化:
对,就是那样。 只是两个字“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应用程序中使用a标签,而无需发送该锚点的位置
- 异步属性 - 将其添加到脚本标记中,以通知浏览器该脚本应该异步加载,以便它不会减慢加载和显示页面的其余部分。
- - 提供有关元素的详细信息。 这就像非Web应用程序中的工具提示。
- - 创建一个从数据库或其他动态源构建的表
- - 一个旧标签带回来并赋予新生活,让您在网页上创建菜单系统
- - 定义了动态元素激活时应该发生的动作
HTML 5新的表单类型
HTML 5支持所有的标准表单输入类型,但是它增加了一些:
- 约会时间
- 日期时间本地
- 日期
- 月
- 周
- 时间
- 数
- 范围
- 电子邮件
- 网址
HTML 5新元素
HTML 5中有一些令人兴奋的新元素:
- - 在您的Web页面上为您提供JavaScript绘图空间的元素。 它可以让您将图像或图形添加到工具提示中,或者只是在您的网页上创建动态图形,即时创建。
- - 使用这个简单的标签将视频添加到您的网页。
- - 用这个简单的标签为您的网页添加声音。
HTML 5删除了一些元素
HTML 4中也有一些元素不再被HTML 5支持。大多数元素已经被弃用,所以不应该让人惊讶,但有一些可能很难:
- 缩写
- 小程序
- BASEFONT
- 大
- 中央
- DIR
- 字形
- 帧
- 框架
- ISINDEX
- 无框架
- NOSCRIPT
- 小号
- 罢工
- TT
- ü
你准备好了HTML 5吗?
HTML 5为网页和网页设计增添了许多优秀的新功能,当更多的浏览器支持时,它将会令人兴奋。 微软表示,他们将开始在IE 8中支持至少HTML 5的部分内容。如果你想尽快开始,Opera已经得到了最好的支持,Safari紧随其后。