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
喜欢设计就关注设计