W3C简介

万维网（World Wide Web）是作为欧洲核子研究组织的一个项目发展起来的，在那里 Tim Berners-Lee 开发出万维网的雏形。Tim Berners-Lee- 万维网的发明人和万维网联盟的主任。
W3C 最重要的工作是发展 Web 规范（称为推荐，Recommendations），这些规范描述了 Web 的通信协议（比如 HTML 和 XHTML）和其他的构建模块。
HTML5规范

万维网联盟宣布，HTML5和Canvas 2D规范的制定已经完成，尽管还不能算是W3C标准，但是这些规范已经功能完整，企业和开发人员有了一个稳定的执行和规划目标。

W3C首席执行官Jeff Jaffe表示：“从今天起，企业用户可以清楚地知道，他们能够在未来依赖HTML5。”

HTML5是开放Web标准的基石，它是一个完整的编程环境，适用于跨平台应用程序、视频和动画、图形、风格、排版和其它数字内容发布工具、广泛的网络功能等等。

为了减少浏览器碎片、实现在所有HTML工具的应用，W3C开始着手W3C标准化的互操作性和测试。和之前宣布的规划一样，W3C计划在2014年完成HTML5标准。

HTML工作组还发布了HTML5.1、HTML Canvas 2D Context、Level 2以及主要元素的草案，让开发人员能提前预览下一轮标准。

每项 W3C 推荐的发展是通过由会员和受邀专家组成的工作组来完成的。工作组的经费来自公司和其他组织，并会创建一个工作草案，最后是一份提议推荐。一般来说，为了获得正式的批准，推荐都会被提交给 W3C 会员和主任。

MDN简介

仅仅是一个文档查阅网站:MDN

HTML简介

1. HTML 的版本（W3C 组织制定规范）
   1. HTML 4.01
   2. XHTML
   3. HTML 5
   4. HTML 5.1
2. 规范文档（Specifications）
   1. 由 W3C 写文档（李爵士）
   2. W3C 根据浏览器的实际情况总结文档，并不是凭空想象
3. DOCTYPE
   1. 用来选择文档类型
   2. 除了 HTML 5 的 DOCTYPE，其他的都很难记：https://www.w3.org/QA/2002/04/valid-dtd-list.html
   3. 一定要声明文档！
4. html / head / body
5. 省略标签
6. 常见标签：a、form、input、button、h1、p、ul、ol、small、strong、div、span、kbd、video、audio、svg
   1. 基本上，你知道标签对应单词的意思，就知道这个标签怎么用了（语义化）
   2. 出了 div 和 span，其他标签都有默认样式
   3. MDN 上有所有标签的文档
7. 如何查看 MDN 文档
   1. Google：关键词 + MDN
   2. 切换成中文

HTML常见标签

a标签（Anchor）

HTML <a> 元素 (或锚元素) 可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。
用法：

a标签

常用于对应url，下篇博客我会细说a的其他用法。

from标签

HTML <form> 元素 表示了文档中的一个区域，这个区域包含有交互控制元件，用来向web服务器提交信息。
用法：

form标签

input为form主要子元素，主要用于数据交互，下篇博客我会详细介绍form的用法。

button标签

button标签

button标签主要表示按钮。

h标签

HTML <h1>–<h6> 标题(Heading)元素呈现了六个不同的级别的标题，<h1> 级别最高，而 <h6> 级别最低。一个标题元素能简要描述该节的主题。标题信息可以由用户代理可以使用，例如，自动构造某个文档中的内容表（就像本文档右边浮动栏一样）
用法：

h标签

h标签

p标签（paragraph）

HTML <p>元素（或者说 HTML 段落元素）表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本，或以垂直的空白隔离或以首行缩进。另外，<p> 是块级元素。

p标签

p标签

ul标签(Unordered List)

The** HTML <ul> 元素** ( 或 HTML 无序列表元素） 代表多项的无序列表，即无数值排序项的集合，且它们在列表中的顺序是没有意义的。通常情况下，无序列表项的头部可以是几种形式，如一个点，一个圆形或方形。头部的风格并不是在页面的HTML描述定义, 但在其相关的CSS 可以用 list-style-type 属性。

ulr标签

ul标签

ol标签(ordered List)

HTML <ol> 元素 表示多个有序列表项，通常渲染为有带编号的列表。
用法：

ol标签

ol标签

small标签

HTML 中的元素將使文本的字体变小一号。(例如从大变成中等，从中等变成小，从小变成超小)。在HTML5中，除了它的样式含义，这个元素被重新定义为表示边注释和附属细则，包括版权和法律文本。
用法：

与p标签对比

与p标签对比

strong标签

Strong 元素 (<strong>)表示文本十分重要，一般用粗体显示。
b元素主要表示加粗。
用法：

strong标签

strong标签

两个标签虽然表现相同，但是语义化不同。

div标签

HTML <div> 元素 (或 HTML 文档分区元素) 是一个通用型的流内容容器，它在语义上不代表任何特定类型的内容，它可以被用来对其它元素进行分组，一般用于样式化相关的需求（使用 class 或 id 特性) 或者对具有相同特性的一组元素进行分组 (比如 lang)，它应该在没有任何其它语义元素可用时才使用 (比如 <article> 或 <nav>) 。
用法：

div标签

span标签

HTML <span> 元素是短语内容的通用行内容器，并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图（通过使用类或者Id属性），或者这些元素有着共同的属性，比如lang。应该在没有其他合适的语义元素时才使用它。<span> 与 <div> 元素很相似，但 <div> 是一个 块元素 而 <span> 则是 行内元素 .
用法：

span标签

空标签

一个空元素（empty element）可能是 HTML，SVG，或者 MathML 里的一个不可能存在子节点（例如内嵌的元素或者元素内的文本）的element。

HTML，SVG 和 MathML 的规范都详细定义了每个元素能包含的具体内容（define very precisely what each element can contain）。许多组合是没有任何语义含义的，比如一个 <audio> 元素嵌套在一个 <hr> 元素里。

在 HTML 中，通常在一个空元素上使用一个闭标签是无效的。例如， <input type="text"></input> 的闭标签是无效的 HTML。

在 HTML 中有以下这些空元素：

• <area>
• <base>
• <br>
• <col>
• <colgroup> when the [span](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/colgroup#attr-span) is present
• <command>
• <embed>
• <hr>
• <img>
• <input>
• <keygen>
• <link>
• <meta>
• <param>
• <source>
• <track>
• <wbr>

可替换标签

概述

CSS 里，可替换元素（replaced element）的展现不是由CSS来控制的。这些元素是一类 外观渲染独立于CSS的 外部对象。 典型的可替换元素有 <img>、 <object>、 <video> 和 表单元素，如<textarea>、 <input> 。 某些元素只在一些特殊情况下表现为可替换元素，例如 <audio> 和 <canvas> 。 通过 CSS content 属性来插入的对象 被称作 匿名可替换元素（anonymous replaced elements）。