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标签 地址,联络信息等
例子:
<!–
<meta name="keywords" content="LOGO,平面设计"
<meta name="author" content="设计师骆驼"
<meta name="description" content="主要制作平面设计"
<meta name="generator" content="DW""
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
喜欢设计就关注设计
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » HTML5新标签元素Header与Footer,方便seo抓取