学习笔记:网络技术Ch3.HTML5 and the Web Platform

(来源：notes of course Web Technology.Ch3.HTML5 and the Web Platform)

---

这一章主要讲解HTML的特性。

前面提到过，HTTP可以传输信息，这个信息大都都是HTML（Hypertext Markup Language)，这是一个标记语言，没法编程，没法looping，高级Markdown而已。

• 是一个Standard Generalized Markup Language（SGML）
• 用很多Markup tags，定义结构和格式
• tags可以折叠、嵌套，而且tags还能定义属性（attributes）
• HTML可以被浏览器转化为Document Object Model（DOM）
• 使用Hyperlink，连接各个页面

依照惯例，接下来来讲一下HTML的历史：

• HTML1.0，1993年发布

• HTML2.0，1995年发布

• HTML3.2，是第一个由W3C开发的版本

• 出现了tables

• 出现了外观的参数

• HTML4.0，支持了Unicode和CSS

• 之后他们就不开发HTML了，转向了XHTML

• 后面又捡起来了，2014年发布了HTML5

HTML遇到的问题：

• 内容、结构、展现，要结合在一种语言里
• HTTP传输的时候，很容易丢包，所以HTML必须是一个忍耐度很高的语言，错一点也能读（forgiving)

---

介绍XHTML：

原来HTML是一个SGML，W3C想给他加XML的特性，于是就出现了重修修订的XHTML。

• 给了HTML可以嵌套、关闭的tag

XML到底是干什么的?

个人理解：HTML对于错误的忍耐度很高，而XML则非常规范，W3C想要规范HTML，于是创造了XHTML，但是最后很多开发者不用，于是后来开发了HTML5.

---

之后就到了HTML5的时代：

HTML5设计的原则（Principal）：

• Compatibility（兼容性）：能兼容之前的语言
• Utility（有效性）：能写程序、能把内容和样式分离、解决现实的问题
• Interoperability（互通性）：就是，如果出现了错误，不能每个浏览器的dom结构都不一样了吧
• Universal Access（通用访问）：每个平台都能用
• Simple is better：简化
• Avoid external plug-ins：不要flash

有关Markup的变化：

• 有一些标记删除了：
• 增加了一些标记：
  \

开放平台API:

接下来说一下HTML的各个特性：

HTML Forms:

• 它直接定义好了一些参数，大大的简化了用户端的验证信息的难度
• 输入的信息可以以name：xx作为一个pair通过http发送到服务器

HTML Links：

• only undirectional embedded links are supported
• Links to part of another document is available

Video:

• h5原生支持了，plug-in的flash要灭亡了

• 也有一定的限制：

• 没有复制保护，随便下载

• 限制了摄像头和麦克风的通道

Audio同理

canvas 2D：

• 可以用JavaScript在网页上画图
• SVG向量图也支持了，转化成Canvas 2D进行显示
• 有个Library，WebGL，有很多画好的图

Drag and Drop：

• 从网页里直接拖到桌面，从桌面把东西拖到网页

下面介绍几个api：

WebSocket 是什么原理？为什么可以实现持久连接？