明易

浏览器部分我们会先介绍下浏览器的实现原理，这是我们深入理解API的基础。 我们会从一般的浏览器设计出发，按照解析、构建DOM树、计算CSS、渲染、合成和绘制的流程来讲解浏览器的工作原理。 在API部分，我们会从W3C零散的标准中挑选几个大块的API来详细讲解，主要有：事件、DO…

HTML已经是一个完整的语义系统。在前面的课程中，我们围绕着HTML本身做了讲解，但是在实际应用中，我们还会用到一些它的扩展。今天我们要讲的ARIA就是其中重要的一部分。 ARIA全称为Accessible Rich Internet Applications，它表现为一组属性…

JS 是 “编程语言”，它最大的特点是图灵完备的，我们大致可以理解为“包含了表达一切逻辑的能力”。 HTML 是 “标记语言”，它是纯文本的一种升级，“标记”一词的概念来自：编辑审稿时使用不同颜色笔所做的“标记”。 在上世纪80年代，“富文本”的概念在计算机领域的热门，犹如如今…

一个网页，它是由多个文件构成的，引入文件的方案，有：链接、替换型元素。 替换型元素是把文件的内容引入，替换掉自身位置的一类标签。 script标签是为数不多的既可以作为替换型标签，又可以不作为替换型标签的元素。 这个例子中，我们展示了两种script标签的写法，一种是直接把脚本…

链接是HTML中的一种机制，它是HTML文档和其它文档或者资源的连接关系，在HTML中，链接有两种类型。一种是超链接型标签，一种是外部资源链接。 链接的家族中有a标签、area标签和link标签。今天，我会逐一对它们进行介绍。 链接是HTML中的一种机制，它是HTML文档和其它…

所谓元信息，是指描述自身的信息，元信息类标签，就是HTML用于描述文档自身的一类标签，它们通常出现在head标签中，一般都不会在页面被显示出来（与此相对，其它标签，如语义类标签，描述的是业务）。 元信息多数情况下是给浏览器、搜索引擎等机器阅读的，有时候这些信息会在页面之外显示给…

语义是我们说话表达的意思，多数的语义实际上都是由文字来承载的。语义类标签则是纯文字的补充，比如标题、自然段、章节、列表，这些内容都是纯文字无法表达的，我们需要依靠语义标签代为表达。 在很多工作场景里，语义类标签也有它们自己无可替代的优点。正确地使用语义标签可以带来很多好处。 语…

关于HTML部分的知识，这里按照功能和语言来划分。 表格：表头、表尾、单元格等表格的结构。 除了标签之外，我们还应该把HTML当作一门语言来了解下，当然，标记语言跟编程语言不太一样，没有编程语言那么严谨，所以，我们会简要介绍HTML的语法和几个重要的语言机制：实体、命名空间。 …

我们在布局篇讲到，CSS的一些属性决定了盒的位置，那么今天我讲到的属性就决定了盒如何被渲染。 按照惯例，还是先从简单得讲起，首先我们来讲讲颜色。 首先我们来讲讲颜色，最常见的颜色相关的属性就是 color 和 background-color。 这两个属性没什么好讲的，它们分别…