html5布局content标签,HTML5新标签元素Header与Footer，方便seo抓取

HTML5新标签的优点：

1.更注重于内容而不是形式

2.对人的友好，更加的语义化，高度的毛属性，更加的只管，添加了代码的可读性

3.对计算机的友好，游览器更容易解析，搜索引擎更容易抓取文档的内容

4。代码更加的简洁

新添加的布局标签

1.article标签，定义一个独立内容区块，一片文章，一个视频文件等

2.cection标签，定义一个区域，如文章的章节等

3.nav标签 定义目录导航

4.aside标签：定义侧边栏

5.figure/figcaption标签，定义一组媒体内容以及它们的标题

6.header/footer，定义一个头部、底部

7.hgruop 标题的分组

8.address标签 地址，联络信息等

例子：

无标题文档

header{

background-color: #CF3;

height: 100px;

width: 100%;

}

#neirong {

background-color: #F60;

height: 800px;

width: 100%;

}

footer{

background-color: #CF3;

height: 100px;

width: 100%;

}

#neirong #left {

background-color: #0FC;

height: 800px;

width: 20%;

float: left;

}

#neirong #right {

background-color: #0FC;

height: 800px;

width: 20%;

float: right;

clear: right;

}

设计骆驼：微信994230521

喜欢设计就关注设计

此处显示 id "right" 的内容

1