HTML5的一些术语和概念

 HTML5是html标准的下一个版本，它並沒有完全颠覆後者，依然有很多相似之处，但是也有10个关键不同之处。（从头用html5建站更方便）

  HTML5与HTML4区别不是特别的大，新增了很多直观的新功能，对页面排版上有了更多的语义排版的支持。同时也保留了大部分HTML4的优点，以至于过度不致于那么困难。HTML5恐怕要让部分网页工作者抓狂了，HTML5将采用标准的XML语法格式，这对代码的规范要求非常高。（Html5也使得浏览器厂商之间竞争比较激烈）

适合：遊戲开发，本地存储(5M)，IOS上html5快，动态超酷网站

      技术：HTML5 + Javascript + css

什么是HTML，我这里简单解释一下——想象一下两个计算机在沟通的场景，A如果要把一个图文信息传给B的时候，交流过程中B肯定会产生这样的问题：你给了我那么多信息，哪些是网页标题、哪些是正文、哪些又是图片呢？于是，A和B商量了一个办法，用一些符号来标记不同类型的内容，而这些标记的一整套规范就是HTML。

HTML5是最新的HTML标准，他的主要目标是提供所有内容而不需要任何的像flash，silverlight等的额外插件，这些内容来自动画，视频，富GUI等

HTML5设计目的：

HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括：

· 新的解析规则增强了灵活性

· 新属性

· 淘汰过时的或冗余的属性

· 一个HTML5文档到另一个文档间的拖放功能

· 离线编辑

· 信息传递的增强

· 详细的解析规则

· 多用途互联网邮件扩展（MIME）和协议处理程序注册

· 在SQL数据库中存储数据的通用标准（Web SQL）

优点缺点

优点：

1、提高可用性和改进用户的友好体验；

2、有几个新的标签，这将有助于开发人员定义重要的内容；

3、可以给站点带来更多的多媒体元素(视频和音频)；

4、可以很好的替代FLASH和Silverlight；

5、当涉及到网站的抓取和索引的时候，对于 SEO很友好；

6、将被大量应用于移动应用程序和游戏；

7、可移植性好。

       缺点：

该标准并未能很好的被浏览器所支持。因新标签的引入，各浏览器之间将缺少一种统一的数据描述格式，造成用户体验不佳。

HTML术语和概念

元素是a（anchor的缩写），它会生成一个可以点击并链接到另一个网页或资源的链接。这个元素由两个标签组成：开始标签（starting tag，例如）和结束标签 （ending tag，例如），或者叫开启和关闭标签。属性以键/值对的形式出现在开始标签里。最后，文字内容（在浏览器打开时会看到）出现在开始和结束标签之间

  元素就是HTML里的M。它们是用来告诉浏览器如何处理一些内容的标记。每个元素有一个关键字，比如body、p、a、img 等，定义了它们代表的是什么（相应的正文元素，段落元素、链接元素、图片元素）。不同的元素定义了不同的行为，比如创建链接、嵌入图片等。你可能听到过元素也被称为标签，但它们有细微的差别。标签是元素的一部分，如图1-3所示。大部分元素由一个开始标签、一些内容和结束标签组成，但是根据不同的标签，可能没有其中的一个或多个。很多元素可以包含任意数量的嵌套元素，它们也是由标签和内容构成的。下面的例子展示了两个元素：p元素，它是从开始尖括号到最后一个尖括号的所有内容，以及em元素，它包含了开始 标签、结束 标签，以及它们之间的内容。

属性出现在元素的开始标签里。一个元素经常有特有的属性和通用的属性。它们用来改变元素某些方面的行为。可以看作键/值对，就像key="value"，一个特定的元素会有一些定义好的属性（key）设置某些值

  文档模型（Document Object Model，DOM）是在设计师或开发者谈到JavaScript和页面的关系时用到的术语，非常重要。它是什么？它是用来以节点树形数据结构来表示文档（在这里是HTML）的标准方法。节点表示了页面的元素、属性、文字内容。通过分支和树形结构，DOM描述了节点怎样连接在一起。

哪些浏览器支持HTML5？

几乎所有的浏览器Safari，Chrome，Firefox，Opera，IE都支持HTML5

HTML5的页面结构同HTML4或者更前的HTML有什么区别？

一个典型的WEB页面包含头部，脚部，导航，中心区域，侧边栏。现在如果我们想在在HTML4的HTML区域中呈现这些内容，我们可能要使用DIV标签。

但是在HTML5中通过为这些区域创建元素名称使他们更加清晰，也使得你的HTML更加可读

HTML5中什么是输出元素？

当你需要计算两个输入的和值到一个标签中的时候你需要输出元素。例如你有两个文本框（如下图），你想将来自这两个输入框中的数字求和并放到标签中。

什么是HTML，我这里简单解释一下——想象一下两个计算机在沟通的场景，A如果要把一个图文信息传给B的时候，交流过程中B肯定会产生这样的问题：你给了我那么多信息，哪些是网页标题、哪些是正文、哪些又是图片呢？于是，A和B商量了一个办法，用一些符号来标记不同类型的内容，而这些标记的一整套规范就是HTML。