HTML5和CSS3系列（三）：变化元素、新增标签、多媒体、新增表单、全局属性

上一篇：HTML和CSS 入门系列（二）：文字、表单、表格、浮动、定位、框架布局、SEO

1、变化的元素

1.1 DOCTYPE

1.2 meta声明

1.3 <link> 标签

1.4 <script> 标签

2、HTML5语义

2.1 新增标签

2.1.1 article

2.1.2 header

2.1.3 footer

2.1.4 nav

2.1.5 aside

2.1.5 section

2.1.6 内容分组标签：main

2.1.7 内容分组标签：figure和figcaption

2.1.8 文本标签：time

2.1.9 i 标签

2.1.9 b 标签

2.1.10 em 标签

2.1.11 strong 标签

3、星巴克网站制做

浏览器标题栏的上小图标：

<link rel="shortcut icon" href="images/favicon.ico">

页面初始化：

*{
    padding: 0;
    margin: 0;
    font: inherit;
    }

4、音视频播放

4.1 视频

兼容全部的浏览器播放：

4.2 音频

5、新增input类型

5.1 input类型

datalist:

keygen:

output:

6、表单验证

6.1 类型

6.2 必填字段

禁用表单验证：

或

总结：

7、新增表单属性

7.1 placeholder

8、全局属性

下一篇：HTML5和CSS3系列（四）：常见样式、背景、Web字体、2D转换、过渡

参考教学视频：HTML5和CSS3新特性视频教程