HTML5新添加的标签及用

HTML5和HTML其实是很类似的，但是有些内容有发生了改变，今天我学习了一下HTML5发现还是挺好学的，只需有html+css基础即可以，今天知识看了下新的标签。

一、定义文档类型

在文件的开头总是会有一个标签

1

这是显示的html的文档类型，上面那个是1.0的，下面这个就是HTML5的类型标签，很是简短

1

二、新的布局方式

如下图所显示的布局结果

正常的HTML布局就是通过div+css进行的，要是布局出这个页面正常的就是使用div进行布局，而后给div进行起名字，而后进行样式的修改；

在HTML5中有个块状元素（有意义的div），也就是说不使用div标签，而是使用名字式的元素，例如：布局出第一个蓝色块是用div，起名字，而后进行改变css；HTML是用的header标签进行修改样式，header就是有意义的div

用HTML5的新的结构标签，做出上面的布局，代码如下：

html代码：