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