HTML5 浏览器支持→

HTML5 教程

html5是构建Web的一种语言描述方式。html5是互联网的下一代标准，是构建以及呈现互联网的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。

HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。

HTML5的设计目的是为了在移动设备上多媒体。
HTML5是Web中核心语言HTML的规范，使用任何手段进行网页浏览时看到的原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的

HTML5 简单易学。

什么是 HTML5?

HTML5 是下一代 HTML 标准。

HTML,HTML 4.01的上版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。

HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 。

HTML5 是如何起步的？

HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。

WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建新版本的 HTML。

HTML5 中的一些有趣的新特性：

用于绘画的 canvas 元素

用于媒介回放的 video 和 au 元素

对本地离线存储的更好的（localStorage 和 sessionStorage）

新的特殊元素，比如 article、footer、header、nav、section

新的表单控件，比如 calendar、date、time、email、url、search

HTML5将Web带入成熟的应用平台，个平台上，视频、音频、图像、动画以及与设备的交互都进行了规范。

HTML5 <!DOCTYPE>

<!doctype> 声明必须位于 HTML5 文档中的第一行,使用非常简单:

<!DOCTYPE html>

这样做会让目前还的HTML5的浏览器采用标准模式解析，这意味着他们会解析那些HTML5中兼容的旧的HTML的的部分，而忽略他们HTML5的新特性。
这个doctype比以前更短，更简单，使的它更容易被记住并且减少必须下载的字节数。

用< charset>声明字符集

在上做的第一件事通常是声明使用的字符集。在以前版本的HTML，它是非常复杂的<>元素，现在它变得非常简单：

< charset="UTF-8">

把这个放到你的<head>，因为在一些浏览器中如果声明的字符集和他们的预期的不同，他们会重新解析一遍HTML文档。另外，如果你目前没有使用UTF-8，建议您把您的网页改为这个编码，因为它简化了不同脚本对中字符的处理。
值得注意的是HTML5限制了可用的字符集，他们需要兼容8位的ASCII。这样做是为了加强安全，防止某些类型的攻击。

最小的HTML5文档

下面是简单的HTML5文档：

<!DOCTYPE html>
<html>
<head>
< charset="utf-8">
<title>我是html5文档</title>
</head>
 
<body>
html5文档......
</body>
 
</html>

注意：对于网页需要使用 < charset="utf-8"> 声明编码，否则会出现乱码。

HTML5 的改进

新元素

新

完全 css3

Video 和 Au

2D/3D 制图

本地存储

本地数据

Web 应用

HTML5 多媒体

使用 HTML5 你可以简单的在网页中播放视频(video)与音频 (au) 。

HTML5 应用

使用 HTML5 你可以简单地开发应用

本地数据存储

访问本地

本地数据

缓存引用

JavaScript 工作者

XHTMLHttpRequest 2

HTML5 图形

使用 HTML5 你可以简单的绘制图形:

使用 <canvas> 元素。
使用内联 SVG。
使用 css3 2D 转换、CSS3 3D 转换。

HTML5 使用 CSS3

新选择器

新

动画

2D/3D 转换

圆角

阴影

可下载的字体

语义元素

HTML5 了很多语义元素如下所示：

HTML5 智能表单

新表单元素,新，新输入类型，验证。

已移除元素

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

<big>

<dir>

<font>

<frame>

HTML5视频播放示例

通过我们的 HTML 编辑器，您能够编辑 HTML，然后点击按钮来查看结果。

示例

<!DOCTYPE HTML>
<html>
<head>
< charset="utf-8"> 
<title>基础之家(F2er.com)</title> 
</head>
<body>
 
<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  你的浏览器 video 。
</video>
 
</body>
</html>

HTML5 浏览器

最新版本的 Safari、Chrome、Firefox 以及 Opera 某些 HTML5 特性。Internet Explorer 9 将某些 HTML5 特性。

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

<!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->

载入后，初始化新的CSS：

/*html5*/
article,aside,dialog,footer,header,section,nav,ure,menu{display:block}