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.音频：

2.视频：

使用它们可以很方便的在页面中嵌入音频和视频，而不再去使用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