HTML5知识概况

HTML5 简介

简介：

• HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。
• HTML5的设计目的是为了在移动设备上支持多媒体。
• HTML5 简单易学。
• 链接：HTML5教程

HTML5 是如何起步的？

• HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application
  Technology Working Group。
• WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006年，双方决定进行合作，来创建一个新版本的 HTML。
• HTML5 中的一些有趣的新特性：
  ①用于绘画的 canvas 元素
  ②用于媒介回放的 video 和 audio 元素
  ③对本地离线存储的更好的支持
  ④新的特殊内容元素，比如 article、footer、header、nav、section
  ⑤新的表单控件，比如 calendar、date、time、email、url、search

HTML5 浏览器支持

简介：

• 现代的浏览器都支持 HTML5。
• 此外，所有浏览器，包括旧的和最新的，对无法识别的元素会作为内联元素自动处理。
• 正因为如此，你可以 “教会” 浏览器处理 “未知” 的 HTML 元素。

将 HTML5 元素定义为块元素：

• HTML5 定了 8 个新的 HTML 语义（semantic） 元素。所有这些元素都是 块级 元素。
• 为了能让旧版本的浏览器正确显示这些元素，你可以设置 CSS 的 display 属性值为 block:

header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

HTML5更新汇总

HTML5 新元素：

• 自1999年以后HTML 4.01 已经改变了很多,今天，在HTML4.01中的几个已经被废弃，这些元素在HTML5中已经被删除或重新定义。
• 为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页面结构，更好的形式处理，和几个api拖放元素，定位，包括网页 应用程序缓存，存储，网络工作者，等。

HTML5 Canvas：

• <canvas> 标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形。
• 在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。

HTML5 内联 SVG:

• HTML5 支持内联 SVG。
• SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
• SVG 用于定义用于网络的基于矢量的图形
• SVG 使用 XML 格式定义图形
• SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失
• SVG 是万维网联盟的标准

HTML5 MathML:

• HTML5 可以在文档中使用 MathML 元素，对应的标签是<math>...</math>。
• MathML 是数学标记语言，是一种基于XML（标准通用标记语言的子集）的标准，用来在互联网上书写数学符号和公式的置标语言。

HTML5 拖放（Drag 和 Drop）:

• 拖放（Drag 和 drop）是 HTML5 标准的组成部分。

HTML5 Geolocation（地理定位）:

• HTML5 Geolocation（地理定位）用于定位用户的位置。
• 定位用户的