diff --git a/02-CSS/02-CSS属性：背景属性.md b/02-CSS/02-CSS属性：背景属性.md
index 95d437a..8f879f6 100644
--- a/02-CSS/02-CSS属性：背景属性.md
+++ b/02-CSS/02-CSS属性：背景属性.md
@@ -277,7 +277,7 @@ PS：padding的区域也是有背景图的。
-### background综合属性
+### background 综合属性
background属性和border一样，是一个综合属性，可以将多个属性写在一起。(在[盒子模型](http://www.cnblogs.com/smyhvae/p/7256371.html)这篇文章中专门讲到boder)
diff --git a/02-CSS/08-CSS属性：定位属性.md b/02-CSS/08-CSS属性：定位属性.md
index 82c497f..8a1d567 100644
--- a/02-CSS/08-CSS属性：定位属性.md
+++ b/02-CSS/08-CSS属性：定位属性.md
@@ -336,14 +336,14 @@ p将无视父亲的padding，在border内侧为参考点，进行定位：
可如果盒子是绝对定位的，此时已经脱标了，如果还想让其居中（位于父亲的正中间），可以这样做：
```
-
- width: 600px;
- height: 60px;
- position: absolute; 绝对定位的盒子
- left: 50%; 首先，让左边线居中
- top: 0;
- margin-left: -300px; 然后，向左移动宽度（600px）的一半
-
+ div {
+ width: 600px;
+ height: 60px;
+ position: absolute; 绝对定位的盒子
+ left: 50%; 首先，让左边线居中
+ top: 0;
+ margin-left: -300px; 然后，向左移动宽度（600px）的一半
+ }
```
如上方代码所示，我们先让这个宽度为600px的盒子，左边线居中，然后向左移动宽度（600px）的一半，就达到效果了。
@@ -519,8 +519,6 @@ z-index属性的应用还是很广泛的。当好几个已定位的标签出现
（2）用`z-index`来控制层级数。
-
-
## 我的公众号
想学习**代码之外的软技能**？不妨关注我的微信公众号：**生命团队**（id：`vitateam`）。
diff --git a/08-HTML5和CSS3/01-HTML5详解.md b/08-HTML5和CSS3/01-HTML5详解.md
new file mode 100644
index 0000000..19692f4
--- /dev/null
+++ b/08-HTML5和CSS3/01-HTML5详解.md
@@ -0,0 +1,890 @@
+
+
+> 本文最初发表于[博客园](https://www.cnblogs.com/smyhvae/p/8424230.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。
+
+> 以下是正文。
+
+## HTML5的介绍
+
+### Web 技术发展时间线
+
+- 1991 HTML
+
+
+- 1994 HTML2
+
+- 1996 CSS1 + JavaScript
+
+- 1997 HTML4
+
+- 1998 CSS2
+
+- 2000 XHTML1（严格的html）
+
+- 2002 Tableless Web Design（表格布局）
+
+- 2005 AJAX
+
+- 2009 HTML5
+
+- 2014 HTML5 Finalized
+
+
+2002年的表格布局逐渐被淘汰，是因为：表格是用来承载数据的，并不是用来划分网页结构的。
+
+
+2009年就已经推出了HTML5的草案，但直到2014年才有定稿，是因为有移动端的推动。
+
+
+H5草案的前身是叫：Web Application，最早是由[WHATWG](https://baike.baidu.com/item/WHATWG/5803339?fr=aladdin)这个组织在2004年提出的。
+
+2007年被 W3C 组织接纳，并在 2008-01-22 发布 HTML5 的第一个草案。
+
+
+### 什么是 HTML5
+
+HTML5并不仅仅只是做为HTML标记语言的一个最新版本，更重要的是它**制定了Web应用开发的一系列标准**，成为第一个将Web做为应用开发平台的HTML语言。
+
+HTML5定义了一系列新元素，如新语义标签、智能表单、多媒体标签等，可以帮助开发者创建富互联网应用，还提供了一些Javascript API，如地理定位、重力感应、硬件访问等，可以在浏览器内实现类原生应用。我们甚至可以结合 Canvas 开发网页版游戏。
+
+
+**`HTML5`的广义概念**：HTML5代表浏览器端技术的一个发展阶段。在这个阶段，浏览器的呈现技术得到了飞跃发展和广泛支持，它包括：HTML5、CSS3、Javascript API在内的一套技术组合。
+
+`HTML5`不等于 `HTML next version`。`HTML5` 包含： `HTML`的升级版、`CSS`的升级版、`JavaScript API`的升级版。
+
+**总结**：`HTML5`是新一代开发 **Web 富客户端**应用程序整体**解决方案**。包括：HTML5，CSS3，Javascript API在内的一套**技术组合**。
+
+
+**富客户端**：具有很强的**交互性**和体验的客户端程序。比如说，浏览博客，是比较简单的客户端；一个在线听歌的网站、即时聊天网站就是富客户端。
+
+**PS：**
+
+单纯地从技术的角度讲，兼容性问题只会让开发者徒增烦恼。
+
+如果网页端的程序能做到PC客户端的体验，就会对后者构成威胁。
+
+### HTML5 的应用场景
+
+列举几个HTML5 的应用场景：
+
+（1）极具表现力的网页：内容简约而不简单。
+
+（2）网页应用程序：
+
+- 代替PC端的软件：iCloud、百度脑图、Office 365等。
+
+- APP端的网页：淘宝、京东、美团等。
+
+- 微信端：公众号、小程序等。
+
+（3）混合式本地应用。
+
+（4）简单的游戏。
+
+### HTML5 新增的内容
+
+
+
+
+
+
+
+
+## 语义化的标签
+
+### 语义化的作用
+
+语义标签对于我们并不陌生，如``表示一个段落、`
`表示一个无序列表。**标签语义化的作用：**
+
+- 能够便于开发者阅读和写出更优雅的代码。
+
+- 同时让浏览器或是网络爬虫可以很好地解析，从而更好分析其中的内容。
+
+- 更好地搜索引擎优化。
+
+总结：HTML的职责是描述一块内容是什么（或其意义），而不是它长什么样子；它的外观应该由CSS来决定。
+
+
+### H5在语义上的改进
+
+在此基础上，HTML5 增加了大量有意义的语义标签，更有利于搜索引擎或辅助设备理解 HTML 页面内容。HTML5会让HTML代码的内容更结构化、标签更语义化。
+
+我们常见的 css+div 布局是：
+
+
+
+
+以后我们可以这样写：
+
+
+
+传统的做法中，我们通过增加类名如`class="header"`、`class="footer"`，使HTML页面具有语义性，但是不具有通用性。
+
+HTML5 则是通过新增语义标签的形式来解决这个问题，例如``、``等，这样就可以使其具有通用性。
+
+
+**传统网页布局：**
+
+
+```html
+
+
+
+
+
+
+
+
+```
+
+
+
+**H5 的经典网页布局：**
+
+```html
+
+
+
+
+
+
+
+
+```
+
+
+## H5中常用的新语义标签
+
+- `