HTML5是HTML的最新修订版，万维网联盟(W3C)于2014年10月完成了标准制定。

HTML5旨在支持移动设备上的多媒体。

HTML5好学。

HTML5是什么？

HTML5是下一代HTML标准。

HTML和HTML 4.01的最后一个版本诞生于1999年。从那以后，网络世界发生了巨大的变化。

HTML5还在完善的过程中。然而，大多数现代浏览器已经有了一些HTML5支持。

HTML5是怎么开始的？

HTML5是W3C和WHATWG合作的结果，WHATWG指的是web超文本应用技术工作组。

WHATWG专注于web表单和应用，W3C专注于XHTML 2.0。2006年，双方决定合作创建新版本的HTML。

HTML5中一些有趣的新特性：

绘画用画布元素

用于媒体回放的视频和音频元素

更好地支持本地离线存储

新的特殊内容元素，如文章、页脚、页眉、导航、节

新的表单控件，如日历、日期、时间、电子邮件、url和搜索

HTML5！文档类型

！Doctype声明必须位于HTML5文档的行，使用：非常简单

！DOCTYPEhtml

最小的HTML5文档

下面是一个简单的HTML5文档：

！doctypehtmltownetacharset=' utf-8 ' title document title/title/head body文档内容./body/html

注意：需要对中文网页使用meta charset="utf-8"宣言编码，否则会出现乱码。

HTML5的改进

新元素

新属性

完全支持CSS3

视频和音频

2D/3D制图

本地存储

本地SQL数据

网络应用

HTML5多媒体

有了HTML5，你可以简单地在网页上播放视频和音频。

HTML5视频

HTML5音频

HTML5应用

有了HTML5，你可以简单地开发应用程序

本地数据存储

访问本地文件

本地SQL数据

缓存引用

Javascript工作人员

XHTMLHttpRequest 2

HTML5图形

使用HTML5，可以简单的画图形：

使用画布元素。

使用内嵌SVG。

使用CSS3 2D转换和CSS3 3D转换。

HTML5用的是CSS3

新选择器

新属性

动画

2D/3D转换

鱼片

阴影效应

可下载的字体

想了解更多关于CSS3的内容，请查看本网站的CSS3教程。

语义元素

HTML5添加了如下许多语义元素：

标签

形容

文章

定义页面的独立内容区域。

在旁边

定义页面的侧边栏内容。

波罗的海干散货指数

允许您在其父元素的文本方向设置之外设置一段文本。

命令

定义命令按钮，如单选按钮、复选框或按钮

细节

用于描述文档或文档一部分的细节

对话

定义对话框，如提示框

摘要

标签包含细节元素的标题

我猜的

指定独立的流内容(图像、图表、照片、代码等)。).

图标题

定义图形元素的标题

页脚

定义节或文档的页脚。

页眉

定义文档的标题区域

标记

定义标记的文本。

米

定义重量和度量。仅用于已知更大值和最小值的测量。

航行

定义导航链接的部分。

进步

定义任何类型任务的进度。

红宝石

定义红宝石注释(汉语音标或汉字)。

如题

定义字符(汉语音标或汉字)的解释或发音。

菲律宾共和国

在ruby注释中用于定义不支持ruby元素的浏览器显示的内容。

部分

在文档中定义节(节，节)。

时间

定义日期或时间。

建议换行

指定文本中适合添加换行符的位置。

HTML5表单

新的表单元素，新的属性，新的输入类型，自动验证。

元素已被移除

HTML5 :中删除了以下HTML 4.01元素

首字母缩略词

小应用程序

基本字体

大的

中心

目录

字体

设计

框式支架

不支持框架标记

罢工

每章的例子

使用我们的HTML编辑器，您可以编辑HTML并单击按钮查看结果。

例子

！doctypehtmltownetacharset=' utf-8 ' title菜鸟教程(runoob.com)/title/headsodywinglidth=' 320 ' height=' 240 ' controls source RC=' movie . MP4 ' type=' video/MP4 ' source src=' movie . ogg ' type=' video/ogg '您的浏览器不支持视频标签。/video/body/html

努力

点击 "尝试一下" 按钮查看在线运行结果。

HTML5浏览器支持

Safari、Chrome、Firefox和Opera的最新版本都支持一些HTML5特性。Internet Explorer 9将支持某些HTML5功能。

IE9浏览器的以下版本与HTML5兼容，并使用本网站静态资源的html5shiv包：

！-[if lt IE9]script src=' http://cdn . static . runoob.com/libs/html 5 shiv/3.7/html 5 shiv . min . js '/script！[endif] -

加载后，初始化新标签的CSS:

/*html5*/article，side，dialog，footer，header，section，footer，nav，figure，menu{display:block}