HTML5-CSS3

一、HTML5的新特性

HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。

这些新特性都有兼容性问题，基本是 **IE9+ 以上版本的浏览器**才支持，如果不考虑兼容性问题，可以大量使用这些新特性。

声明：新特性增加了很多，但是我们专注于开发常用的新特性。

1.1 HTML5 新增的语义化标签

以前布局，我们基本用 div 来做。div 对于搜索引擎来说，是没有语义的

<div class=“header”> </div>
<div class=“nav”> </div>
<div class=“content”> </div>
<div class=“footer”> </div>

发展到了HTML5后，新增了一些语义化标签，这样的话更加有利于浏览器的搜索引擎搜索，也方便了网站的seo（Search Engine Optimization，搜索引擎优化），下面就是新增的一些语义化标签

1.2 HTML5 新增的多媒体标签

新增的多媒体标签主要包含两个：

1.音频：<audio>

2.视频：<video>

使用它们可以很方便的在页面中嵌入音频和视频，而不再去使用flash和其他浏览器插件。

HTML5在不使用插件的情况下，也可以原生的支持视频格式文件的播放，当然，支持的格式是有限的。

1.3 HTML5 新增的 input 类型

重点记住 number tel search 这三个

eg：

1.4 HTML5 新增的表单属性

二、CSS3的新特性

2.1 CSS3的现状

2.2 属性选择器

2.3 结构伪类选择器

最后一个E:nth-type(n)用的时候只需要更改（）里面的n，（）里只能是n不能是其他字母。

2.4 伪元素选择器

2.5 CSS3 盒子模型

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

2.6 CSS3 的其他特性（了解）

2.7 CSS3 过渡

三、狭义的HTML5 和 CSS3

四、广义的HTML5