H5零基础学习日记01-HTML

首先为什么要学习HTML5？

自从2010H5正式推出以来，它立即受到了世界各大浏览器的热烈欢迎与支持。根据世界上各大IT界知名媒体的评论，新的Web时代就要到来了。
跨平台运行。（web端当然跨平台）
硬件要求低。
flash之外的选择。（flash太坑了，一大堆漏洞）

---

啥是HTML5?

啥是HTML5?有点说实话本人看到这里有点懵B，其实就是HTML的第5个版本。所以只能说啥是HTML。

啥是HTML？HTML是用来描述网页的一种语言，HTML的意思是超文本标记语言的意思（Hyper Text ?>MarkUp Language）,HTML不是编程语言，是标记语言。

为啥HTML之前没这么火而HTML5现在这么牛逼，HTML5不是就是HTML的是进阶版本吗？

HTML5新增了用于绘画的canvas标签，新增了用于媒介回放的video元素和audio元素并且对本地离线储存有了更好的支持还新增了很多特殊内容元素（如：article、footer、header、nav、section）,还有新的表单控件（如：calendar、date、time、email、url、search）。

HTML5浏览器的支持

Safari、Chrome、Firefox以及Opear包括IE9基本都支持了H5

---

环境搭建
使用的开发工具：WebStorm（好像需要翻墙）、notepad++、Eclipse、TextSublime、Dreamweaver等。

---

想要变成HTML5大神要搞定哪些技术点？

HTML5、XHTML、CSS3、JavaScript、jQuery。

---

HTML的基础
声明：
HTML也有很多不同的版本，就是用来让浏览器识别到底是HTML的那个版本用的

注意:HTML 5没有任何文档类型，但是最好避免使用frame框架；XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset；HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。

HTML5规范声明:
表达很简洁，只有一个属性：根元素是 html

XHTML 1.0 Strict DTD 严格版:
如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用

//在上面的声明中，声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。

XHTML 1.0 Transitional DTD 过渡版:
Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 XHTML 的呈现特性时，请使用此类型

XHTML 1.0 Frameset DTD 框架版:
当您希望使用框架时，请使用此 DTD！

HTML4.1 Transitional DTD 过渡版本:
Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 HTML 的呈现特性时，请使用此类型

HTML4.1 Strict DTD 严格版:
如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用

HTML 4.01 Frameset DTD 框架文档:
Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD

---

HTML的基础标签

head、body

标签用于定义文档的头部，它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

元素定义文档的主体。
元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）