HTML5新标签元素Header与Footer,方便seo抓取

作者 : 开心源码 本文共799个字,预计阅读时间需要2分钟 发布时间: 2022-05-12 共151人阅读

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抓取

发表回复