Web 前端学习笔记之 HTML 入门（1）

HTML 简介

什么是 HTML

HTML 是一种使用标签来描述页面的内容和结构的语言。

• HTML 指的是超文本标记语言（Hyper Text Markup Language）
• HTML 不是一种编程语言，而是一种标记语言 (markup language)
• 标记语言是一套标记标签 (markup tag)
• HTML 使用标记标签来描述网页

HTML 的发展史

HTML 的产生
1991年，Tim Berners-Lee编写了一份叫做“HTML标签”的文档，里面包含了大约20个用来标记网页的HTML标签。他直接借用SGML的标记格式，也就是后来我们看到的HTML标记的格式。

---

从IETF到W3C：HTML 4之路
HTML 1并不曾存在，HTML的第一个官方版本就是由IETF（互联网工程任务组）推出的HTML 2.0。
后来，W3C取代IETF的角色，成为HTML的标准组织，1990年代的后半页，HTML的版本被频繁修改，1997年发布了HTML 3.2，1999年发布了HTML 4.01， 至此，HTML到达了它的第一个拐点。

HTML 3.2 特点：

• Netscape 引入私有标签
• HTML 3.0 失败
• W3C 接管 HTML 标准化

HTML 4.01 特点

• 样式与内容分离，CSS 支持
• Doctype
  
  • 指定HTML页面使用的标准和版本
  • 浏览器根据doctype决定使用哪种渲染模式

---

XHTML 1.0：XML风格的HTML
HTML在HTML 4.01之后的第一个修订版本就是XHTML 1.0。XHTML 1.0是基于HTML 4.01的，用 XML 语法重新定义 HTML，并没有引入任何新标签或属性，唯一的区别是语法，HTML对语法比较随便，而 XHTML则要求XML般的严格语法。

---

出力不讨好的XHTML 2
对W3C而言，到了HTML 4已经是功德圆满，他们的下一步工作是XHTML 2，希望将Web带向XML的光明未来。虽然XHTML 2听上去和XHTML 1类似，它们却有很多差别。

• XHTML 2不向前兼容，甚至不兼容之前的HTML
• 去除样式类标签
• 去除 img、a
• 彻底修改 Form
• 开发者不欢迎，浏览器不支持

---

WHATWG：与W3C决裂
W3C闭门造车的作风引起了一些人的不满，来自Opera,Apple,以及Mozilla的代表开始表达反对声音。2004年，Opera的 Ian Hickson提议在HTML基础上进行扩展以适应新的Web应用，该提议遭到W3C的拒绝。于是，他们自发组织成立了超文本应用技术工作组，就是WHATWG。

---

从WebApps1.0到HTML 5
一开始，WHATWG的主要工作包括两部分，Web Forms 2.0和Web Apps 1.0，它们都是HTML的扩展，后来，他们合并到一起成为现在的HTML 5规范。在WHATWG致力于HTML 5的同时，W3C继续他们的XHTML 2.0。
2006年10月，Web之父Tim Berners-Lee发表了一篇博客文章，表示，从HTML走向XML的路是行不通的，几个月后，W3C组建了一个新的HTML工作组，他们非常明智地选择了WHATWG的成果作为基础。直到2009年，W3C宣布终止XHTML 2的工作。

---

HTML 5
2008年，W3C HTML5 草案发布。
2012年12月19号，万维网联盟（W3C）正式宣布凝结了大量网络工作者心血历时三年的HTML5规范已经正式定稿。

HTML5 设计思想：

• 兼容已有内容
• 避免不必要的复杂性
• 解决现实的问题
• 优雅降级
• 尊重事实标准
• 用户 》开发者 》浏览器厂商 》标准制定者 》理论完美

HTML5 中的变化：

• doctype、meta
• 新增语义化标签和属性
• 去掉纯展示性标签
• canvas、video、audio、离线、本地存储、拖拽等

HTML5 语法特点：

• 标签不区分大小写，推荐小写
• 空标签可以不闭合，比如 input、meta
• 属性不必引号，推荐双引号
• 某些属性值可以省略，比如 required、readonly

HTML 中的文本标签

p 标签

定义和用法
<p> 标签定义段落。p 元素会自动在其前后创建一些空白。
实例

<p>This is some text in a very short paragraph</p>

h1 到 h6 标签

定义和用法
<h1> 到 <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
实例