footer标签和header标签类似，表示页面或一个区域(section)的页脚部分，通常会将网站的证书，许可，版权协议等内容放在这块。
header标签表示页面或一个区域(section)的页眉部分，通常在里面包含h1-h6标签来使用。我们直接通过代码来看看在浏览器上的效果。
那么在HTML5中新增了哪些利于页面布局的HTML5标签呢？我们先通过以下这张图来看看。
即使在没有CSS的支持下，浏览器依然能呈现出良好的内容结构。有利于SEO，语义化的标签更有利于爬虫去解析更多有效信息。跨设备体验，不同设备都支持语义化标签，那么即使在不同设备下依然可以有无缝体验。便于代码开发和维护，语义化可以增加代码的可读性，让团队成员可以更好理解彼此的代码意图。
现在最流行的网站都在使用DIV+CSS的编码去编写，这种编码方便，而且兼容各种浏览器，并且在修改网站的时候也更加便捷。在今天的内容中，小编将介绍下DIV标签使用的一些规则。DIV是一个块级元素，它后面经常跟随着class或者id这样的元素。主要的差异是class用于元素组，而id用于标识唯一的元素。常规的网站架构通常为：1.定义一个头部通用。为规范化，通常命名为header。2.定义主题框架，为规...
<div>标签定义HTML文档中的一个分隔区块或者一个区域部分。<div>标签常用于组合块级元素，以便通过CSS来对这些元素进行格式化。
标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码：p{font-size:12px;line-height:1.6em;}上面的css样式代码的作用：为p标签设置12px字号，行间距设置1.6em的样式。
4-1表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。语法：<formmethod="传送方式"action="服务器文件">讲解：1.<form>：<form>标签是成对出现的，以<form>开始，以</form>结束。2.action：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。3.method：数据传送...
3-11，无序列表ul-li是没有前后顺序的信息列表。语法：<ul><li>信息</li><li>信息</li>......</ul>举例：<ul><li>精彩少年</li><li>美丽突然出现</li><li>触动心灵的旋律</li></ul>ul-li在网页中显示的默认样式一般为：每项li前都自带一个圆点2,有序列表语法：<ol><li>信息</li><li...
2-1如果想在网页上显示文章，这时就需要<p>标签了，把文章的段落放到<p>标签中。语法：<p>段落文本</p>2-2<hx>标签来制作文章的标题。标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。语法：<hx>标题文本</hx>(x为1-6)文章的标题前面已经说过了，...